Skip to content

F
founder_vue
Commit a8885530 by 米嘉伟
Options

下拉

parent 8cc1b73e
Showing with 139 additions and 138 deletions
public/index.html
......@@ -29,6 +29,7 @@
body {
height: 200px;
}
* {
padding: 0;
margin: 0 auto;
......@@ -39,10 +40,15 @@
-ms-user-select: none;
user-select: none;
cursor: default;
}
.el-dialog__wrapper {
z-index: 99999 !important;
}
}
.el-dialog__wrapper {
z-index: 99999 !important;
}
.el-cascader__dropdown {
z-index: 99999999 !important;
}
</style>
<body οndragstart="return false">
......@@ -66,4 +72,4 @@
<!-- <script src="<%= BASE_URL %>image-edit/js/service-basic.js"></script> -->
</body>
</html>
</html>
\ No newline at end of file
src/views/AllPersonnelBase/modules/xzaj.vue
......@@ -25,7 +25,10 @@
<!-- 二 -->
<el-row>
<el-col :span="12">
<el-form-item label="案事件编号：" prop="ysxtAsjbh">
<el-form-item
label="案事件编号："
prop="ysxtAsjbh"
>
<el-input
class="inputBh"
v-model.trim="ruleForm.ysxtAsjbh"
......@@ -33,12 +36,14 @@
maxlength="22"
show-word-limit
clearable
><template slot="prepend">A</template></el-input
>
><template slot="prepend">A</template></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="现场勘验编号：" prop="xckybh">
<el-form-item
label="现场勘验编号："
prop="xckybh"
>
<el-input
class="inputBh"
v-model.trim="ruleForm.xckybh"
......@@ -46,22 +51,22 @@
maxlength="22"
show-word-limit
clearable
><template slot="prepend">K</template></el-input
>
><template slot="prepend">K</template></el-input>
</el-form-item>
</el-col>
</el-row>
<!-- 三 -->
<el-row>
<el-col :span="12">
<el-form-item label="案事件发生地点：" prop="asjfsddDzmc">
<el-select
v-model="ruleForm.asjfsddDzmc"
placeholder="请选择案事件发生地点"
>
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
<el-form-item
label="案事件发生地点："
prop="asjfsddDzmc"
>
<Cascader
:form="ruleForm"
id="asjfsddDzmc"
codeName="CODE_XZQH"
></Cascader>
</el-form-item>
</el-col>
<el-col :span="12">
......@@ -90,7 +95,10 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="是否命案：" prop="sfmaPdbz">
<el-form-item
label="是否命案："
prop="sfmaPdbz"
>
<el-radio-group v-model="ruleForm.sfmaPdbz">
<el-radio label="1">是</el-radio>
<el-radio label="0">否</el-radio>
......@@ -102,10 +110,11 @@
<el-row>
<el-col :span="12">
<el-form-item label="案件类别：">
<el-select v-model="ruleForm.ajlbdm" placeholder="请选择案件类别">
<el-option label="区域一" value="1"></el-option>
<el-option label="区域二" value="2"></el-option>
</el-select>
<Cascader
:form="ruleForm"
id="ajlbdm"
codeName="CODE_AJLB"
></Cascader>
</el-form-item>
</el-col>
<el-col :span="12"> </el-col>
......@@ -136,14 +145,17 @@
:indeterminate="isIndeterminate"
v-model="checkAll"
@change="handleCheckAllChange"
>全选</el-checkbox
>
>全选</el-checkbox>
<div style="margin: 15px 0"></div>
<el-checkbox-group
v-model="checkedTargets"
@change="handleCheckedTargetsChange"
>
<el-checkbox v-for="city in targets" :label="city" :key="city">{{
<el-checkbox
v-for="city in targets"
:label="city"
:key="city"
>{{
city
}}</el-checkbox>
</el-checkbox-group>
......@@ -157,8 +169,14 @@
<!-- 七 -->
<el-row>
<el-col :span="12">
<el-form-item label="提取单位：" prop="tqdwGajgjgdm">
<Cascader :form="ruleForm" id="tqdwGajgjgdm"></Cascader>
<el-form-item
label="提取单位："
prop="tqdwGajgjgdm"
>
<Cascader
:form="ruleForm"
id="tqdwGajgjgdm"
></Cascader>
<!-- <el-input
v-model.trim="ruleForm.tqdwGajgjgdm"
......@@ -171,7 +189,10 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="提取人姓名：" prop="tqryXm">
<el-form-item
label="提取人姓名："
prop="tqryXm"
>
<el-input
v-model.trim="ruleForm.tqryXm"
placeholder="请输入提取人姓名"
......@@ -185,7 +206,10 @@
<!-- 八 -->
<el-row>
<el-col :span="12">
<el-form-item label="提取时间：" prop="tqsj">
<el-form-item
label="提取时间："
prop="tqsj"
>
<el-date-picker
type="datetime"
placeholder="请选择提取时间"
......@@ -198,7 +222,10 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="提取人身份证号：" prop="tqryGmsfhm">
<el-form-item
label="提取人身份证号："
prop="tqryGmsfhm"
>
<el-input
v-model.trim="ruleForm.tqryGmsfhm"
placeholder="请输入提取人身份证号"
......@@ -215,7 +242,10 @@
<el-form-item> </el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="提取人联系电话：" prop="tqryLxdh">
<el-form-item
label="提取人联系电话："
prop="tqryLxdh"
>
<el-input
v-model.trim="ruleForm.tqryLxdh"
placeholder="请输入提取人联系电话"
......@@ -229,9 +259,15 @@
</el-form>
<el-divider></el-divider>
<!-- 十 -->
<span slot="footer" class="dialog-footer">
<span
slot="footer"
class="dialog-footer"
>
<el-button @click="submitForm('ruleForm')">提交并新增指掌纹</el-button>
<el-button @click="resetForm('ruleForm')" type="primary">取 消</el-button>
<el-button
@click="resetForm('ruleForm')"
type="primary"
>取 消</el-button>
</span>
</el-dialog>
</template>
......@@ -259,7 +295,7 @@ export default {
default: false,
},
},
data() {
data () {
return {
dialogVisible: false, // 弹窗状态
labelPosition: "left", // 数据项对齐方式
......@@ -319,26 +355,26 @@ export default {
},
};
},
mounted() {
mounted () {
this.dialogVisible = this.isShowXzaj;
},
watch: {
isShowXzaj(newVal, oldVal) {
isShowXzaj (newVal, oldVal) {
this.dialogVisible = newVal;
},
dialogVisible(val) {
dialogVisible (val) {
this.$emit("closeXzaj", this.dialogVisible);
},
},
methods: {
disabledDate(a) {
disabledDate (a) {
if (a.getTime() > new Date().getTime()) {
return true;
} else {
return false;
}
},
submitForm(formName) {
submitForm (formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
let reqParam = {
......@@ -365,19 +401,19 @@ export default {
}
});
},
resetForm(formName) {
resetForm (formName) {
this.$refs[formName].resetFields();
this.dialogVisible = false;
},
handleClose(done) {
handleClose (done) {
this.dialogVisible = false;
this.$refs[formName].resetFields();
},
handleCheckAllChange(val) {
handleCheckAllChange (val) {
this.checkedTargets = val ? targetOptions : [];
this.isIndeterminate = false;
},
handleCheckedTargetsChange(value) {
handleCheckedTargetsChange (value) {
let checkedCount = value.length;
this.checkAll = checkedCount === this.targets.length;
this.isIndeterminate =
......
src/views/AllPersonnelBase/modules/xzry.vue
......@@ -92,19 +92,13 @@
label="采集信息原因："
prop="cjxxyydm"
>
<el-select
v-model="ruleForm.cjxxyydm"
placeholder="根据代码自动匹配"
>
<el-option
label="1"
value="1"
></el-option>
<el-option
label="2"
value="2"
></el-option>
</el-select>
<SelectCode
codeUrl="/api/code/cjxxyydm"
width="16.5"
clearable
:form="ruleForm"
id="cjxxyydm"
></SelectCode>
</el-form-item>
</el-col>
<el-col :span="12"> </el-col>
......@@ -150,19 +144,13 @@
label="性别："
prop="xbdm"
>
<el-select
v-model="ruleForm.xbdm"
placeholder="请选择性别"
>
<el-option
label="男"
value="1"
></el-option>
<el-option
label="女"
value="0"
></el-option>
</el-select>
<SelectCode
codeUrl="/api/code/sex"
width="16.5"
clearable
:form="ruleForm"
id="xbdm"
></SelectCode>
</el-form-item>
</el-col>
<el-col :span="12">
......@@ -189,19 +177,12 @@
label="国籍："
prop="gjdm"
>
<el-select
v-model="ruleForm.gjdm"
placeholder="请选择国籍"
>
<el-option
label="区域一"
value="1"
></el-option>
<el-option
label="区域二"
value="2"
></el-option>
</el-select>
<SelectCode
codeUrl="/api/code/nationality"
width="16.5"
:form="ruleForm"
id="gjdm"
></SelectCode>
</el-form-item>
</el-col>
<el-col :span="12">
......@@ -209,19 +190,13 @@
label="民族："
prop="mzdm"
>
<el-select
v-model="ruleForm.mzdm"
placeholder="请选择民族"
>
<el-option
label="区域一"
value="1"
></el-option>
<el-option
label="区域二"
value="2"
></el-option>
</el-select>
<SelectCode
codeUrl="/api/code/nation"
width="16.5"
clearable
:form="ruleForm"
id="mzdm"
></SelectCode>
</el-form-item>
</el-col>
</el-row>
......@@ -232,19 +207,13 @@
label="证件类型："
prop="cyzjdm"
>
<el-select
v-model="ruleForm.cyzjdm"
placeholder="请选择证件类型"
>
<el-option
label="户口"
value="1"
></el-option>
<el-option
label="身份证"
value="2"
></el-option>
</el-select>
<SelectCode
codeUrl="/api/code/certificates"
width="16.5"
clearable
:form="ruleForm"
id="cyzjdm"
></SelectCode>
</el-form-item>
</el-col>
<el-col :span="12">
......@@ -268,19 +237,11 @@
label="户籍地行政区："
prop="hjdzXzqhdm"
>
<el-select
v-model="ruleForm.hjdzXzqhdm"
placeholder="请选择户籍地行政区"
>
<el-option
label="区域一"
value="1"
></el-option>
<el-option
label="区域二"
value="2"
></el-option>
</el-select>
<Cascader
:form="ruleForm"
id="hjdzXzqhdm"
codeName="CODE_XZQH"
></Cascader>
</el-form-item>
</el-col>
<el-col :span="12">
......@@ -304,19 +265,11 @@
label="现住址行政区："
prop="xzzXzqhdm"
>
<el-select
v-model="ruleForm.xzzXzqhdm"
placeholder="请选择现住址行政区"
>
<el-option
label="区域一"
value="1"
></el-option>
<el-option
label="区域二"
value="2"
></el-option>
</el-select>
<Cascader
:form="ruleForm"
id="xzzXzqhdm"
codeName="CODE_XZQH"
></Cascader>
</el-form-item>
</el-col>
<el-col :span="12">
......@@ -389,7 +342,10 @@
label="捺印单位："
prop="nydwGajgmc"
>
<Cascader :form="ruleForm" id="nydwGajgmc"></Cascader>
<Cascader
:form="ruleForm"
id="nydwGajgmc"
></Cascader>
</el-form-item>
</el-col>
<el-col :span="12">
......@@ -478,6 +434,7 @@
<script>
import Cascader from "@/components/Cascader.vue";
import SelectCode from "@/components/SelectCode.vue";
const targetOptions = [
"本地案件库",
"比中案件库",
......@@ -491,7 +448,8 @@ const targetOptions = [
export default {
name: "xzry",
components: {
Cascader
Cascader,
SelectCode
},
props: {
isShowXzry: {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment