|
|
@@ -19,13 +19,40 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col v-bind="styleResponsive ? { md: 5 } : { span: 8 }">
|
|
|
+ <el-form-item label="持证类型">
|
|
|
+ <el-select
|
|
|
+ style="width: 100%"
|
|
|
+ v-model="where.holderType"
|
|
|
+ @change="holderTypeChange"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ v-for="(item, index) in holderTypeOptions"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col v-if="where.holderType" v-bind="styleResponsive ? { md: 5 } : { span: 8 }">
|
|
|
<el-form-item label="证件类型">
|
|
|
- <DictSelection
|
|
|
+ <!-- <DictSelection
|
|
|
dictName="证件类型"
|
|
|
clearable
|
|
|
v-model.trim="where.type"
|
|
|
>
|
|
|
- </DictSelection>
|
|
|
+ </DictSelection> -->
|
|
|
+ <DictSelection
|
|
|
+ v-model="where.type"
|
|
|
+ dictName="证件类型"
|
|
|
+ v-if="['1'].includes(where.holderType)"
|
|
|
+ ></DictSelection>
|
|
|
+ <DictSelection
|
|
|
+ v-model="where.type"
|
|
|
+ dictName="客户/供应商资质类型"
|
|
|
+ v-if="['2', '3', '4', '5', '6'].includes(where.holderType)"
|
|
|
+ ></DictSelection>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col v-bind="styleResponsive ? { md:9 } : { span: 9 }">
|
|
|
@@ -69,17 +96,21 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import { holderTypeOptions } from '@/enum/dict.js';
|
|
|
export default {
|
|
|
data () {
|
|
|
// 默认表单数据
|
|
|
const defaultWhere = {
|
|
|
code: '',
|
|
|
holder: '',
|
|
|
+ holderType: '',
|
|
|
type:'',
|
|
|
time: []
|
|
|
};
|
|
|
return {
|
|
|
defaultWhere,
|
|
|
+ holderTypeOptions,
|
|
|
+
|
|
|
// 表单数据
|
|
|
where: { ...defaultWhere }
|
|
|
};
|
|
|
@@ -91,6 +122,10 @@
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ //切换持证人类型
|
|
|
+ holderTypeChange(e) {
|
|
|
+ this.where.type = '';
|
|
|
+ },
|
|
|
/* 搜索 */
|
|
|
search () {
|
|
|
const where = { ...this.where };
|