|
|
@@ -9,46 +9,40 @@
|
|
|
<el-row :gutter="15">
|
|
|
<el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
|
<el-form-item label="类型:">
|
|
|
- <DictSelection
|
|
|
- dictName="异常类型"
|
|
|
- clearable
|
|
|
- v-model="where.type"
|
|
|
- ></DictSelection>
|
|
|
+ <DictSelection
|
|
|
+ dictName="异常类型"
|
|
|
+ clearable
|
|
|
+ v-model="where.type"
|
|
|
+ ></DictSelection>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
|
<el-form-item label="编码:">
|
|
|
- <el-input
|
|
|
- clearable
|
|
|
- v-model="where.code"
|
|
|
- placeholder="请输入"
|
|
|
- />
|
|
|
+ <el-input clearable v-model="where.code" placeholder="请输入" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
|
<el-form-item label="名称:">
|
|
|
- <el-input
|
|
|
- clearable
|
|
|
- v-model="where.name"
|
|
|
- placeholder="请输入"
|
|
|
- />
|
|
|
+ <el-input clearable v-model="where.name" placeholder="请输入" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
-
|
|
|
+
|
|
|
<el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
|
<el-form-item label="状态:">
|
|
|
-
|
|
|
- <el-select v-model="where.approvalStatus" style="width:100%" clearable>
|
|
|
+ <el-select
|
|
|
+ v-model="where.approvalStatus"
|
|
|
+ style="width: 100%"
|
|
|
+ clearable
|
|
|
+ >
|
|
|
<el-option
|
|
|
- v-for="item in options"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
+ v-for="item in options"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
-
|
|
|
</el-col>
|
|
|
<el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
|
<el-form-item label="创建人:">
|
|
|
@@ -75,29 +69,27 @@
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
-
|
|
|
-
|
|
|
- <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
|
+
|
|
|
+ <!-- <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
|
<el-form-item label="组织机构:">
|
|
|
<auth-selection data-type="Array" v-model="where.deptIds" style="width: 100%"></auth-selection>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
+ </el-col> -->
|
|
|
<el-col v-bind="styleResponsive ? { lg: 24, md: 24 } : { span: 24 }">
|
|
|
<el-form-item>
|
|
|
- <div style="display:flex;justify-content: end;">
|
|
|
+ <div style="display: flex; justify-content: end">
|
|
|
<el-button
|
|
|
- type="primary"
|
|
|
- icon="el-icon-search"
|
|
|
- class="ele-btn-icon"
|
|
|
- @click="search"
|
|
|
- >
|
|
|
- 查询
|
|
|
- </el-button>
|
|
|
- <el-button @click="reset" icon="el-icon-refresh-left" type="primary"
|
|
|
- >重置</el-button
|
|
|
- >
|
|
|
+ type="primary"
|
|
|
+ icon="el-icon-search"
|
|
|
+ class="ele-btn-icon"
|
|
|
+ @click="search"
|
|
|
+ >
|
|
|
+ 查询
|
|
|
+ </el-button>
|
|
|
+ <el-button @click="reset" icon="el-icon-refresh-left" type="primary"
|
|
|
+ >重置</el-button
|
|
|
+ >
|
|
|
</div>
|
|
|
-
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -105,62 +97,62 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-export default {
|
|
|
- props: [],
|
|
|
- data() {
|
|
|
- // 默认表单数据
|
|
|
- const defaultWhere = {
|
|
|
- type: '',
|
|
|
- name:'',
|
|
|
- code:'',
|
|
|
- approvalStatus: '',
|
|
|
- createTime: [],
|
|
|
- createUserName:"",
|
|
|
- deptIds:'',
|
|
|
- };
|
|
|
- return {
|
|
|
- // 表单数据
|
|
|
- where: { ...defaultWhere },
|
|
|
-
|
|
|
- options: [
|
|
|
- { label: '草稿', value: 0 },
|
|
|
- { label: '审核中', value: 1 },
|
|
|
- { label: '审核通过', value: 2 },
|
|
|
- { label: '已处置', value: 4 },
|
|
|
- ],
|
|
|
- };
|
|
|
- },
|
|
|
- computed: {
|
|
|
- // 是否开启响应式布局
|
|
|
- styleResponsive() {
|
|
|
- return this.$store.state.theme.styleResponsive;
|
|
|
- }
|
|
|
- },
|
|
|
- watch: {},
|
|
|
- created() {},
|
|
|
- methods: {
|
|
|
- /* 搜索 */
|
|
|
- search() {
|
|
|
- const where = { ...this.where };
|
|
|
- if (where.createTime?.length) {
|
|
|
- where.startTime = where.createTime[0];
|
|
|
- where.endTime = where.createTime[1];
|
|
|
+ export default {
|
|
|
+ props: [],
|
|
|
+ data() {
|
|
|
+ // 默认表单数据
|
|
|
+ const defaultWhere = {
|
|
|
+ type: '',
|
|
|
+ name: '',
|
|
|
+ code: '',
|
|
|
+ approvalStatus: '',
|
|
|
+ createTime: [],
|
|
|
+ createUserName: '',
|
|
|
+ deptIds: ''
|
|
|
+ };
|
|
|
+ return {
|
|
|
+ // 表单数据
|
|
|
+ where: { ...defaultWhere },
|
|
|
+
|
|
|
+ options: [
|
|
|
+ { label: '草稿', value: 0 },
|
|
|
+ { label: '审核中', value: 1 },
|
|
|
+ { label: '审核通过', value: 2 },
|
|
|
+ { label: '已处置', value: 4 }
|
|
|
+ ]
|
|
|
+ };
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ // 是否开启响应式布局
|
|
|
+ styleResponsive() {
|
|
|
+ return this.$store.state.theme.styleResponsive;
|
|
|
}
|
|
|
- delete where.createTime;
|
|
|
- this.$emit('search', where);
|
|
|
},
|
|
|
- /* 重置 */
|
|
|
- reset() {
|
|
|
- this.where = { ...this.defaultWhere };
|
|
|
- this.search();
|
|
|
+ watch: {},
|
|
|
+ created() {},
|
|
|
+ methods: {
|
|
|
+ /* 搜索 */
|
|
|
+ search() {
|
|
|
+ const where = { ...this.where };
|
|
|
+ if (where.createTime?.length) {
|
|
|
+ where.startTime = where.createTime[0];
|
|
|
+ where.endTime = where.createTime[1];
|
|
|
+ }
|
|
|
+ delete where.createTime;
|
|
|
+ this.$emit('search', where);
|
|
|
+ },
|
|
|
+ /* 重置 */
|
|
|
+ reset() {
|
|
|
+ this.where = { ...this.defaultWhere };
|
|
|
+ this.search();
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
-};
|
|
|
+ };
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
-.ele-form-actions {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: flex-end;
|
|
|
-}
|
|
|
+ .ele-form-actions {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: flex-end;
|
|
|
+ }
|
|
|
</style>
|