cloud-web-corejs 1.0.54-dev.344 → 1.0.54-dev.346

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,43 +2,62 @@
2
2
  <div id="containt">
3
3
  <el-tabs v-model="activeName" class="tab-box">
4
4
  <el-tab-pane :label="$t1('常规')" name="first">
5
- <editView v-if="showEdit" visible-key="showEdit" :_dataId.sync="dataId" :parent-target="_self"
6
- @reload="$reloadHandle"></editView>
5
+ <editView
6
+ v-if="showEdit"
7
+ visible-key="showEdit"
8
+ :_dataId.sync="dataId"
9
+ :parent-target="_self"
10
+ @reload="$reloadHandle"
11
+ ></editView>
7
12
  </el-tab-pane>
8
13
  <el-tab-pane :label="$t1('列表')" name="second">
9
14
  <div class="grid-height">
10
- <vxe-grid ref="table-m1" v-bind="vxeOption" @resizable-change="$vxeTableUtil.onColumnWitchChange"
11
- @custom="$vxeTableUtil.customHandle">
15
+ <vxe-grid
16
+ ref="table-m1"
17
+ v-bind="vxeOption"
18
+ @resizable-change="$vxeTableUtil.onColumnWitchChange"
19
+ @custom="$vxeTableUtil.customHandle"
20
+ >
12
21
  <template #form>
13
- <div class="clearfix screen-btns">
14
- <div class="fl">
15
- <vxe-button status="primary" class="button-sty" icon="el-icon-plus" @click="openEditDialog">
16
- {{ $t1('新增') }}
22
+ <tableForm
23
+ :formData.sync="formData"
24
+ @searchEvent="searchEvent"
25
+ @resetEvent="resetEvent"
26
+ >
27
+ <template #buttonLeft>
28
+ <vxe-button
29
+ status="primary"
30
+ class="button-sty"
31
+ icon="el-icon-plus"
32
+ @click="openEditDialog"
33
+ >
34
+ {{ $t1("新增") }}
17
35
  </vxe-button>
18
- <base-table-export :option="{ title: $t1('岗位导出'), targetRef: 'table-m1'}" :parent-target="_self"/>
19
- </div>
20
- <div class="fr">
21
- <vxe-button icon="el-icon-brush" class="button-sty" @click="resetEvent" type="text" status="primary"
22
- plain>{{ $t1('重置') }}
36
+ <base-table-export
37
+ :option="{ title: $t1('岗位导出'), targetRef: 'table-m1' }"
38
+ :parent-target="_self"
39
+ />
40
+ </template>
41
+ <template #buttonRight>
42
+ <vxe-button
43
+ icon="el-icon-brush"
44
+ class="button-sty"
45
+ @click="resetEvent"
46
+ type="text"
47
+ status="primary"
48
+ plain
49
+ >{{ $t1("重置") }}
23
50
  </vxe-button>
24
- <vxe-button status="warning" icon="el-icon-search" class="button-sty" @click="searchEvent">
25
- {{ $t1('搜索') }}
51
+ <vxe-button
52
+ status="warning"
53
+ icon="el-icon-search"
54
+ class="button-sty"
55
+ @click="searchEvent"
56
+ >
57
+ {{ $t1("搜索") }}
26
58
  </vxe-button>
27
- </div>
28
- </div>
29
- <vxe-form ref="form" class="screen-box" title-width="92px" title-align="right" :data="formData"
30
- @submit="searchEvent" @reset="searchEvent">
31
- <vxe-form-item :title="$t1('岗位名称')+':'" field="name">
32
- <template v-slot>
33
- <el-input v-model="formData.name" size="small" clearable/>
34
- </template>
35
- </vxe-form-item>
36
- <!-- <vxe-form-item :title="$t1('岗位编码')+':'" field="code">
37
- <template v-slot>
38
- <el-input v-model="formData.code" size="small" clearable/>
39
- </template>
40
- </vxe-form-item> -->
41
- </vxe-form>
59
+ </template>
60
+ </tableForm>
42
61
  </template>
43
62
  </vxe-grid>
44
63
  </div>
@@ -48,18 +67,18 @@
48
67
  </template>
49
68
 
50
69
  <script>
51
- import editView from './edit.vue';
52
-
70
+ import editView from "./edit.vue";
71
+ import tableForm from "@base/components/table/tableForm.vue";
53
72
  export default {
54
- name: 'position:list',
55
- components: {editView},
73
+ name: "position:list",
74
+ components: { tableForm, editView },
56
75
  data() {
57
76
  return {
58
- activeName: 'second',
77
+ activeName: "second",
59
78
  dataId: 0,
60
79
  showEdit: false,
61
80
  vxeOption: {},
62
- formData: {}
81
+ formData: {},
63
82
  };
64
83
  },
65
84
  mounted() {
@@ -67,85 +86,85 @@ export default {
67
86
  },
68
87
  methods: {
69
88
  searchEvent() {
70
- this.$refs['table-m1'].commitProxy('reload');
89
+ this.$refs["table-m1"].commitProxy("reload");
71
90
  },
72
91
  resetEvent() {
73
92
  this.formData = {};
74
- this.$refs['table-m1'].commitProxy('reload');
93
+ this.$refs["table-m1"].commitProxy("reload");
75
94
  },
76
95
  openEditDialog(id) {
77
- this.dataId = !id || typeof id == 'object' ? 0 : id;
78
- this.activeName = 'first';
79
- this.$openEditView('showEdit');
96
+ this.dataId = !id || typeof id == "object" ? 0 : id;
97
+ this.activeName = "first";
98
+ this.$openEditView("showEdit");
80
99
  },
81
100
  initTableList() {
82
101
  let that = this;
83
102
  let tableOption = {
84
103
  vue: this,
85
- tableRef: 'table-m1',
86
- tableName: 'basic_position_list-m2',
87
- path: USER_PREFIX + '/position/listCurrentPage',
104
+ tableRef: "table-m1",
105
+ tableName: "basic_position_list-m2",
106
+ path: USER_PREFIX + "/position/listCurrentPage",
88
107
  param: () => {
89
108
  return this.formData;
90
109
  },
91
110
  columns: [
92
- {type: 'checkbox', width: 48, resizable: false, fixed: 'left'},
111
+ { type: "checkbox", width: 48, resizable: false, fixed: "left" },
93
112
  {
94
- title: this.$t1('岗位名称'),
95
- field: 'name',
113
+ title: this.$t1("岗位名称"),
114
+ field: "name",
96
115
  width: 150,
97
- fixed: 'left'
116
+ fixed: "left",
98
117
  },
99
118
  /* {
100
119
  field: 'code',
101
120
  title: this.$t1('岗位编码'),
102
121
  width: 250
103
122
  }, */
104
- {title: this.$t1('所属组织'), field: 'companyName', width: 150},
123
+ { title: this.$t1("所属组织"), field: "companyName", width: 150 },
105
124
  {
106
- field: 'enabled',
107
- title: this.$t1('是否启用'),
125
+ field: "enabled",
126
+ title: this.$t1("是否启用"),
108
127
  width: 150,
109
128
  slots: {
110
- default: ({row}) => {
129
+ default: ({ row }) => {
111
130
  if (row.enabled) {
112
131
  return [
113
132
  <div class="txt-status">
114
- <span>{this.$t1('启用')}</span>
115
- </div>
133
+ <span>{this.$t1("启用")}</span>
134
+ </div>,
116
135
  ];
117
136
  } else {
118
137
  return [
119
138
  <div class="txt-status disable">
120
- <span>{this.$t1('禁用')}</span>
121
- </div>
139
+ <span>{this.$t1("禁用")}</span>
140
+ </div>,
122
141
  ];
123
142
  }
124
- }
125
- }
143
+ },
144
+ },
126
145
  },
127
146
  {
128
- field: 'createDate',
129
- title: this.$t1('创建时间'),
130
- width: 150
147
+ field: "createDate",
148
+ title: this.$t1("创建时间"),
149
+ width: 150,
131
150
  },
132
151
  {
133
- field: '_createBy',
134
- title: this.$t1('创建人'),
135
- width: 150
152
+ field: "_createBy",
153
+ title: this.$t1("创建人"),
154
+ width: 150,
136
155
  },
137
156
  {
138
- field: '_modifyBy',
139
- title: this.$t1('更新人'),
140
- width: 150
157
+ field: "_modifyBy",
158
+ title: this.$t1("更新人"),
159
+ width: 150,
141
160
  },
142
161
  {
143
162
  width: 47,
144
- fixed: 'right',
145
- title: '',
163
+ fixed: "right",
164
+ title: "",
146
165
  sortable: false,
147
166
  slots: {
148
- default: ({row}) => {
167
+ default: ({ row }) => {
149
168
  return [
150
169
  <div>
151
170
  <a
@@ -155,19 +174,32 @@ export default {
155
174
  this.openEditDialog(row.id);
156
175
  }}
157
176
  >
158
- <el-tooltip enterable={false} effect="dark" content={this.$t1('查看')} placement="top"
159
- popper-class="tooltip-skin">
160
- <i class="el-icon-edit"/>
177
+ <el-tooltip
178
+ enterable={false}
179
+ effect="dark"
180
+ content={this.$t1("查看")}
181
+ placement="top"
182
+ popper-class="tooltip-skin"
183
+ >
184
+ <i class="el-icon-edit" />
161
185
  </el-tooltip>
162
186
  </a>
163
- </div>
187
+ </div>,
164
188
  ];
165
- }
166
- }
167
- }
168
- ]
189
+ },
190
+ },
191
+ },
192
+ ],
193
+ searchColumns: [
194
+ {
195
+ title: this.$t1("岗位名称"),
196
+ field: "name",
197
+ type: "input",
198
+ common: true,
199
+ },
200
+ ],
169
201
  };
170
- this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
202
+ this.$vxeTableUtil.initVxeTable(tableOption).then((opts) => {
171
203
  this.vxeOption = opts;
172
204
  });
173
205
  },
@@ -175,14 +207,14 @@ export default {
175
207
  let that = this;
176
208
  that.$excelImport({
177
209
  prefix: USER_PREFIX,
178
- excel: USER_PREFIX + '/excelTemplate/position/position.xlsx',
210
+ excel: USER_PREFIX + "/excelTemplate/position/position.xlsx",
179
211
  multi: false,
180
- saveUrl: USER_PREFIX + '/position/save',
212
+ saveUrl: USER_PREFIX + "/position/save",
181
213
  callback: () => {
182
214
  that.searchEvent();
183
- }
215
+ },
184
216
  });
185
- }
186
- }
217
+ },
218
+ },
187
219
  };
188
220
  </script>