1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
| const App = {
| mixins: [sharedMixin],/////共用的方法/////
| data() {
| return {
| loading: false,
| dialog: {
| addDialogStatus: false,
| },
| Add_title: "新增货运属性",
| currindex: '',
| direction: 'ltr',
| clearable: false,
| useritem: {},
| list: [],
| other: {},
| clearable: false,
| searchdata: {
| page: 1,
| page_size: 50,
| kw: '',
| },
| Add_form: {},
| };
| },
| mounted() {
| this.index();
| },
| created() { },
| methods: {
| del(index) {
|
| var that = this;
| let { id } = that.list[index];
|
|
| that.$confirm(
| '确定删除吗?',
| '警告',
| {
| confirmButtonText: '删除',
| cancelButtonText: '取消',
| type: 'warning',
| center: true,
| }
| ).then(() => {
| let url = "/admin/goodsFreightAttr/delete.html"
| postRequest(url, { id: id }).then(res => {
| if (res.data.code == 200) {
| that.$notify({
| title: '成功',
| message: res.data.message,
| position: 'top-left',
| type: 'success'
| });
| that.list.splice(index, 1)
| that.other.count--;
| }
| else {
| that.$notify.error({
| title: '错误',
| position: 'top-left',
| message: res.data.message
| });
| }
| });
| /////////////
| }).catch(() => {
| //取消
| })
|
| },
| Add(index) {
| if (index >= 0) {
| this.Add_title = "编辑货运属性";
| this.Add_form = this.list[index];
| } else {
| this.Add_title = "新增货运属性";
| this.Add_form = {}
| }
| this.loading = false;
| this.dialog.addDialogStatus = true;
| },
| submit() {
| let that = this;
| that.loading = true
| let url = "/admin/goodsFreightAttr/save.html"
| postRequest(url, that.Add_form).then(res => {
| that.loading = false;
| if (res.data.code == 200) {
| that.$notify({
| title: '成功',
| message: res.data.message,
| position: 'top-left',
| type: 'success'
| });
| this.dialog.addDialogStatus = false;
| that.index();
| }
| else {
| that.$notify.error({
| title: '错误',
| position: 'top-left',
| message: res.data.message
| });
| }
| }).then((res) => {
| that.loading = false;
| });
| },
| handleSizeChange(val) {
| //////设置每页多少条
| this.searchdata.page_size = val
| this.index();
| },
| handleCurrentChange(val) {
| ///改变当前页///////
| this.searchdata.p = val
| this.index();
| },
| index() {
| let that = this;
| let url = "/admin/goodsFreightAttr/index.html"
| postRequest(url, that.searchdata).then(res => {
|
| if (res.data.code == 200) {
| that.list = res.data.list;
| that.other = res.data.other;
| }
| else {
| that.list = [];
| }
| });
| },
| }
| };
| const app = Vue.createApp(App);
| for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
| app.component(key, component)
| }
| app.use(ElementPlus, {
| locale: ElementPlusLocaleZhCn,
| });
| app.mount("#vue_item");
|
|