<el-
form :rules="
formRules" :model="pageModel
.form" label-width="120px" size="small">
<el-row :gutter="24">
<el-col :span="11">
<el-
form-item label="姓名" prop="policeName" class="content">
<el-input v-model
.trim="pageModel
.form.policeName" :disabled="pageModel
.pageInfo
.formConfig
.type == '2'
"@compositionstart="isComposing = true" @compositionend="handleCompositionEnd" />
</el-
form-item>
</el-col>
<el-col :span="11" v-if="pageModel
.pageInfo
.environmentShow === true">
<el-
form-item label="性别" prop="sex" class="content">
<el-select v-model="pageModel
.form.sex" placeholder="请选择" style="width: 100%" :disabled="pageModel
.pageInfo
.formConfig
.type == '2'
">
<el-option v-for="(item, index) in pageModel
.pageInfo
.sexType" :key="index" :label="item
.dictLabel" :value="item
.dictValue">
</el-option>
</el-select>
</el-
form-item>
</el-col>
<el-col :span="11" v-if="pageModel
.pageInfo
.environmentShow === true">
<el-
form-item label="身份证号" prop="idCard" class="content">
<el-input v-model="pageModel
.form.idCard" :disabled="pageModel
.pageInfo
.formConfig
.type == '2'
" />
</el-
form-item>
</el-col>
<el-col :span="11">
<el-
form-item label="所属单位" prop="deptId" class="content">
<el-cascader :options="pageModel
.listDept" v-model="pageModel
.form.deptId" :props="{
children: 'children',
label: 'deptName',
value: 'deptId',
checkStrictly: true,
}" style="width: 100%" @change="changeHandel" :disabled="pageModel
.pageInfo
.formConfig
.type == '2'
" clearable />
</el-
form-item>
</el-col>
<el-col :span="11">
<el-
form-item label="警号" prop="policeCode" class="content">
<el-input v-model="pageModel
.form.policeCode" :disabled="pageModel
.pageInfo
.formConfig
.type == '2'
" onkeyup="this
.value=this
.value
.replace(/[^\w_]/g,'')" />
</el-
form-item>
</el-col>
<el-col :span="11">
<el-
form-item label="警种" prop="policeType" class="content">
<el-input v-model="pageModel
.form.policeType" :disabled="pageModel
.pageInfo
.formConfig
.type == '2'
" />
</el-
form-item>
</el-col>
<el-col :span="11">
<el-
form-item label="接入方式" prop="pattern" class="content">
<el-select v-model="pageModel
.form.pattern" placeholder="请选择" style="width: 100%" :disabled="pageModel
.pageInfo
.formConfig
.type == '2'
">
<el-option v-for="(item, index) in pageModel
.pageInfo
.type" :key="index" :label="item
.label" :value="item
.value">
</el-option>
</el-select>
</el-
form-item>
</el-col>
<el-col :span="11">
<el-
form-item label="单位信息" prop="shortName" class="content">
<el-input v-model="pageModel
.form.shortName" :disabled="pageModel
.pageInfo
.formConfig
.type == '2'
" />
</el-
form-item>
</el-col>
<el-col :span="11" v-if="pageModel
.pageInfo
.environmentShow === true">
<el-
form-item label="职务" prop="post" class="content">
<el-input v-model="pageModel
.form.post" :disabled="pageModel
.pageInfo
.formConfig
.type == '2'
" />
</el-
form-item>
</el-col>
<el-col :span="11" v-if="pageModel
.pageInfo
.environmentShow === true">
<el-
form-item label="手机号" prop="phone" class="content">
<el-input v-model="pageModel
.form.phone" :disabled="pageModel
.pageInfo
.formConfig
.type == '2'
" />
</el-
form-item>
</el-col>
<el-col :span="11" v-if="pageModel
.pageInfo
.environmentShow === true">
<el-
form-item label="邮箱" prop="email" class="content">
<el-input v-model="pageModel
.form.email" :disabled="pageModel
.pageInfo
.formConfig
.type == '2'
" />
</el-
form-item>
</el-col>
<el-col :span="24" v-if="pageModel
.pageInfo
.environmentShow === true">
<!-- :disabled="" -->
<el-
form-item label="头像" prop="userPic" class="content">
<img class="tx" v-if="pageModel
.pageInfo
.formConfig
.type == '2'"
:src="pageModel
.form.userPic" alt="" />
<el-upload class="upload-demo" action="" v-else v-model="pageModel
.form.userPic"
:http-
request="uploadActionHandle" :before-upload="beforeAvatarUpload"
:before-remove="beforeDeleteImage" :on-remove="deleteImageHandel"
:file-list="pageModel
.pageInfo
.imageList" list-type="picture">
<el-button size="small" type="primary">点击上传
</el-button>
</el-upload>
</el-
form-item>
</el-col>
<el-col :span="24" v-if="pageModel
.pageInfo
.environmentShow === true">
<el-
form-item label="备注" prop="remark" class="content">
<el-input v-model="pageModel
.form.remark" :disabled="pageModel
.pageInfo
.formConfig
.type == '2'
" type="textarea" :rows="3" />
</el-
form-item>
</el-col>
</el-row>
</el-
form>/*------------该页面独有的样式文件------------*/
@import "
../
../
../assets/systemColor";
.tx {
width: 60px;
height: 60px;
}
.el-tree {
overflow: auto !important;
height: calc(100% - 30px);
}
.pageWrap {
display: flex;
flex-direction: column;
width: 100%;
min-height: calc(100vh - 80px);
padding: var(--global-item-distance);
overflow: hidden;
background: var(--page-wrap-background);
}
/*查询模块*/
.searchBox {
padding: 20px 15px 0 15px;
border-radius: 5px;
background: #ffffff;
}
.listBox {
flex: 1;
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px;
margin-top: var(--global-item-distance);
border-radius: 5px;
overflow: scroll;
background: #ffffff;
}
.leftBox {
width: 212px;
height: 97%;
border: 1px solid #dddddd;
border-radius: 5px;
padding: 10px;
}
.rightBox {
//width: 1380px;
width: 90%;
height: 97%;
margin-left: 20px;
border: 1px solid #dddddd;
border-radius: 5px;
padding: 10px;
}
::v-deep
.el-dialog__header {
padding: 20px 20px 10px;
background-image: linear-gradient(#9cc9f6, #ffffff);
}
.dialog-header {
padding-left: 10px;
border-left: 3px solid #005aff;
.el-
form {
width: 100%;
display: flex;
flex-wrap: wrap;
.el-
form-item {
width: 50%;
}
}
}
为什么输入框输入内容之后高度会变化，产生下面内容移动，有空白，怎么解决这个高度
问题
本文探讨了在VS2008环境下使用JavaScript实现两个Listbox之间的值互相移动的方法，并讨论了如何在服务器端通过Request.Form获取这些值的问题。作者最终采用将Listbox值保存至Hidden的方式解决此问题。
扫一扫
4万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
