Browse Source

修复bug

shibei_master
dai 3 years ago
parent
commit
12f6caa1c3
  1. 10
      src/views/modules/base/huji/chusheng/cpts/edit.vue
  2. 376
      src/views/modules/base/huji/chusheng/index.vue

10
src/views/modules/base/huji/chusheng/cpts/edit.vue

@ -126,7 +126,7 @@
>
<el-input
class="item_width_1"
maxlength="50"
maxlength="30"
show-word-limit
style="width: 200px; margin-right: 20px"
placeholder="请输入姓名 "
@ -160,8 +160,7 @@
>
<el-input
class="item_width_1"
type="number"
maxlength="50"
maxlength="30"
show-word-limit
placeholder="请输入手机号 "
v-model="fmData.mobile"
@ -178,6 +177,7 @@
>
<el-input
class="item_width_1"
maxlength="30"
placeholder="请输入身份证号"
v-model="fmData.idCard"
@blur="handleBlurId"
@ -250,7 +250,7 @@
>
<el-input
class="item_width_1"
maxlength="50"
maxlength="30"
show-word-limit
placeholder="请输入出生人父亲姓名"
v-model="fmData.father"
@ -266,7 +266,7 @@
>
<el-input
class="item_width_1"
maxlength="50"
maxlength="30"
show-word-limit
placeholder="请输入出生人母亲姓名"
v-model="fmData.mother"

376
src/views/modules/base/huji/chusheng/index.vue

@ -7,189 +7,188 @@
:model="fmData"
class="demo-form-inline"
>
<el-row class="resi-row">
<el-col :span="6">
<div class="resi-cell2">
<div class="resi-cell2-label">所属网格</div>
<div class="resi-cell2-value">
<el-select
v-model.trim="fmData.gridId"
placeholder="请选择"
size="small"
clearable
class="resi-cell2-select"
@change="handleChangeGrid"
<div>
<el-form-item prop="gridId" label="所属网格">
<div class="resi-cell-value">
<el-select
v-model.trim="fmData.gridId"
placeholder="请选择"
size="small"
clearable
class="resi-cell-select"
@change="handleChangeGrid"
>
<el-option
v-for="item in optionsG"
:key="item.value"
:label="item.label"
:value="item.value"
>
<el-option
v-for="item in optionsG"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</div>
</el-option>
</el-select>
</div>
</el-col>
<el-col :span="18">
<div class="resi-cell2">
<div class="resi-cell2-label">所属房屋</div>
<div class="resi-cell2-value">
<el-select
v-model.trim="fmData.villageId"
placeholder="请选择小区"
size="small"
clearable
class="resi-cell2-select"
@clear="handleClearVillage"
@change="handleChangeV"
</el-form-item>
<el-form-item label="所属房屋">
<div class="resi-cell-value">
<el-select
v-model.trim="fmData.villageId"
placeholder="请选择小区"
size="small"
clearable
class="resi-cell-select"
@clear="handleClearVillage"
@change="handleChangeV"
>
<el-option
v-for="item in optionsV"
:key="item.value"
:label="item.label"
:value="item.value"
>
<el-option
v-for="item in optionsV"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
<el-select
v-model.trim="fmData.buildId"
placeholder="楼号"
size="small"
clearable
style="width: 120px"
class="resi-cell2-select"
:disabled="changeVDisabled"
@clear="handleClearBuild"
@change="handleChangeB"
</el-option>
</el-select>
<el-select
v-model.trim="fmData.buildId"
placeholder="楼号"
size="small"
clearable
style="width: 120px"
class="resi-cell-select"
:disabled="changeVDisabled"
@clear="handleClearBuild"
@change="handleChangeB"
>
<el-option
v-for="item in optionsB"
:key="item.value"
:label="item.label"
:value="item.value"
>
<el-option
v-for="item in optionsB"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
<el-select
v-model.trim="fmData.unitId"
:disabled="changeBDisabled"
placeholder="单元"
size="small"
clearable
style="width: 120px"
class="resi-cell2-select"
@click="handleClearDan"
@change="handleChangeD"
</el-option>
</el-select>
<el-select
v-model.trim="fmData.unitId"
:disabled="changeBDisabled"
placeholder="单元"
size="small"
clearable
style="width: 120px"
class="resi-cell-select"
@click="handleClearDan"
@change="handleChangeD"
>
<el-option
v-for="item in optionsD"
:key="item.value"
:label="item.label"
:value="item.value"
>
<el-option
v-for="item in optionsD"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
<el-select
v-model.trim="fmData.homeId"
:disabled="changeDDisabled"
placeholder="房号"
size="small"
clearable
style="width: 120px"
class="resi-cell2-select"
</el-option>
</el-select>
<el-select
v-model.trim="fmData.homeId"
:disabled="changeDDisabled"
placeholder="房号"
size="small"
clearable
style="width: 120px"
class="resi-cell-select"
>
<el-option
v-for="item in optionsH"
:key="item.value"
:label="item.label"
:value="item.value"
>
<el-option
v-for="item in optionsH"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</div>
</el-option>
</el-select>
</div>
</el-col>
</el-row>
<el-form-item label="姓名" prop="name">
<el-input
v-model="fmData.name"
class="resi-cell2-input"
size="small"
clearable
placeholder="请输入"
>
</el-input>
</el-form-item>
</el-form-item>
</div>
<div>
<el-form-item label="姓名" prop="name">
<el-input
v-model="fmData.name"
class="resi-cell-input"
size="small"
clearable
placeholder="请输入"
>
</el-input>
</el-form-item>
<el-form-item label="手机号" prop="mobile">
<el-input
v-model="fmData.mobile"
class="resi-cell2-input"
size="small"
clearable
placeholder="请输入"
>
</el-input>
</el-form-item>
<el-form-item label="手机号" prop="mobile">
<el-input
v-model="fmData.mobile"
class="resi-cell-input"
size="small"
clearable
placeholder="请输入"
>
</el-input>
</el-form-item>
<el-form-item label="身份证号" prop="idCard">
<el-input
v-model="fmData.idCard"
class="resi-cell2-input"
size="small"
clearable
placeholder="请输入"
>
</el-input>
</el-form-item>
<el-form-item label="出生日期" prop="birthdayTime">
<el-date-picker
v-model="fmData.birthdayTime"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
<el-form-item label="身份证号" prop="idCard">
<el-input
v-model="fmData.idCard"
class="resi-cell-input"
size="small"
clearable
placeholder="请输入"
>
</el-input>
</el-form-item>
</div>
<div>
<el-form-item label="出生日期" prop="birthdayTime">
<el-date-picker
v-model="fmData.birthdayTime"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
<el-form-item label="享受福利" prop="remark">
<el-select
v-model.trim="fmData.isWelfare"
placeholder="享受福利"
size="small"
clearable
style="width: 120px"
class="resi-cell2-select"
>
<el-option
v-for="item in optionsWelfare"
:key="item.value"
:label="item.label"
:value="item.value"
<el-form-item label="享受福利" prop="remark">
<el-select
v-model.trim="fmData.isWelfare"
placeholder="请选择"
size="small"
clearable
style="width: 120px"
class="resi-cell-select"
>
</el-option>
</el-select>
</el-form-item>
<el-option
v-for="item in optionsWelfare"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button
class="diy-button--search"
size="small"
@click="handleSearch"
>查询</el-button
>
<el-button
class="diy-button--reset"
size="small"
@click="resetForm('searchForm')"
>重置</el-button
>
</el-form-item>
<el-form-item>
<el-button
class="diy-button--search"
size="small"
@click="handleSearch"
>查询</el-button
>
<el-button
class="diy-button--reset"
size="small"
@click="resetForm('searchForm')"
>重置</el-button
>
</el-form-item>
</div>
</el-form>
</el-card>
<el-card class="resi-card-table">
@ -440,10 +439,10 @@ export default {
optionsG: [],
optionsWelfare: [
{
value: "",
label: "全部",
},
// {
// value: "",
// label: "",
// },
{
value: "1",
label: "是",
@ -882,7 +881,6 @@ export default {
},
};
</script>
<style lang="scss" scoped>
@import "@/assets/scss/buttonstyle.scss";
@ -919,12 +917,12 @@ export default {
overflow: visible;
}
.demo-form-inline .resi-cell2 {
display: flex;
align-items: center;
margin-bottom: 20px;
.demo-form-inline {
// display: flex;
// align-items: center;
// margin-bottom: 20px;
.resi-cell2-label {
.resi-cell-label {
flex-shrink: 0;
min-width: 0;
box-sizing: border-box;
@ -932,21 +930,21 @@ export default {
// text-align: right;
// line-height: 32;
}
.resi-cell2-label1 {
.resi-cell-label1 {
width: max-content;
}
.resi-cell2-value-radio {
.resi-cell-value-radio {
display: flex;
align-items: center;
min-height: 32px;
}
.resi-cell2-input {
.resi-cell-input {
width: 200px;
}
.resi-cell2--daterange {
.resi-cell--daterange {
max-width: 260px;
}
.resi-cell2-select {
.resi-cell-select {
width: 200px;
box-sizing: border-box;
margin-right: 10px;
@ -957,8 +955,12 @@ export default {
width: 88px;
}
}
.resi-cell2-select:last-child {
.resi-cell-select:last-child {
margin-right: 0;
}
}
.mt10 {
margin-top: 10px;
}
</style>

Loading…
Cancel
Save