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