Pārlūkot izejas kodu

现场注册页面弹窗完成

lyn7568 4 gadi atpakaļ
vecāks
revīzija
d024033ef4

+ 3 - 3
src/views/modules/admin/attenders.vue

@ -82,8 +82,8 @@
82 82
          <el-button v-else @click="changeStatus(scope.row.id, 'transfer', 1) ">否</el-button>
83 83
        </template>
84 84
      </el-table-column>
85
      <el-table-column prop="transfer" header-align="center" align="center" label="用户类型"></el-table-column>
86
      <el-table-column prop="servicer" header-align="center" align="center" label="负责人"></el-table-column>
85
      <el-table-column prop="typeName" header-align="center" align="center" label="用户类型"></el-table-column>
86
      <el-table-column prop="servicerName" header-align="center" align="center" label="负责人"></el-table-column>
87 87
      <el-table-column prop="note" header-align="center" align="center" label="备注"></el-table-column>
88 88
      <!-- <el-table-column
89 89
        prop="account"
@ -106,7 +106,7 @@
106 106
      </el-table-column>-->
107 107
108 108
      <!-- <el-table-column prop="createTime" header-align="center" align="center" label="创建时间"></el-table-column> -->
109
      <el-table-column prop="modifyTime" header-align="center" align="center" label="修改时间"></el-table-column>
109
      <el-table-column prop="modify_time" header-align="center" align="center" label="修改时间"></el-table-column>
110 110
      <!-- <el-table-column prop="creater" header-align="center" align="center" label="创建者"></el-table-column>
111 111
      <el-table-column prop="modifier" header-align="center" align="center" label="修改者"></el-table-column>-->
112 112
      <el-table-column fixed="right" header-align="center" align="center" width="150" label="操作">

+ 1 - 6
src/views/modules/admin/company.vue

@ -43,12 +43,7 @@
43 43
      ></el-table-column>
44 44
      <!-- <el-table-column prop="uscPicture" header-align="center" align="center" label="证件扫码件(图片)地址"></el-table-column> -->
45 45
      <!-- <el-table-column prop="level" header-align="center" align="center" label="账号等级"></el-table-column> -->
46
      <el-table-column
47
        prop="isCheck"
48
        header-align="center"
49
        align="center"
50
        label="是否通过审核 0:未通过 1:通过"
51
      ></el-table-column>
46
      
52 47
      <el-table-column prop="createTime" header-align="center" align="center" label="创建时间"></el-table-column>
53 48
      <el-table-column prop="modifyTime" header-align="center" align="center" label="修改时间"></el-table-column>
54 49
      <el-table-column fixed="right" header-align="center" align="center" width="150" label="操作">

+ 1 - 1
src/views/modules/admin/member.vue

@ -2,7 +2,7 @@
2 2
  <div class="mod-config">
3 3
    <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
4 4
      <el-form-item>
5
        <el-input v-model="dataForm.key" placeholder="账号名姓名" clearable></el-input>
5
        <el-input v-model="dataForm.key" placeholder="账号名/姓名" clearable></el-input>
6 6
      </el-form-item>
7 7
      <el-form-item>
8 8
        <el-button @click="getDataList()">查询</el-button>

+ 23 - 4
src/views/modules/admin/paper-add-or-update.vue

@ -29,6 +29,9 @@
29 29
          ref="upload"
30 30
          :action="upload_url"
31 31
          :on-success="successHandle"
32
          :file-list="fileList"
33
          :limit="1"
34
          :on-exceed="handleExceed"
32 35
          :auto-upload="false"
33 36
          name="upload_file"
34 37
        >
@ -71,7 +74,8 @@ export default {
71 74
      },
72 75
      options: [],
73 76
      upload_url: "",
74
      successNum: 0
77
      successNum: 0,
78
      fileList: []
75 79
    };
76 80
  },
77 81
  created() {
@ -117,7 +121,8 @@ export default {
117 121
              meetingId: this.$route.params.id,
118 122
              attendersId: this.dataForm.attendersId,
119 123
              title: this.dataForm.title,
120
              summary: this.dataForm.summary
124
              summary: this.dataForm.summary,
125
              paperurl: this.dataForm.paperurl
121 126
            })
122 127
          }).then(({ data }) => {
123 128
            if (data && data.code === 0) {
@ -130,8 +135,10 @@ export default {
130 135
                  this.$emit("refreshDataList");
131 136
                }
132 137
              });
138
              this.fileList = [];
133 139
            } else {
134 140
              this.$message.error(data.msg);
141
              this.fileList = [];
135 142
            }
136 143
          });
137 144
        }
@ -151,12 +158,24 @@ export default {
151 158
        }
152 159
      });
153 160
    },
154
    paperUpload() {},
155 161
    submitUpload() {
156 162
      this.$refs.upload.submit();
157 163
    },
158 164
    successHandle(response) {
159
      window.console.log(response)
165
      if (response && response.code === 0) {
166
        this.dataForm.paperurl = response.filename;
167
        this.$message({
168
          message: "上传成功",
169
          type: "success"
170
        });
171
      } else {
172
        this.$message.error(response.msg);
173
      }
174
    },
175
    handleExceed(files, fileList) {
176
      //上传限制
177
      window.console.log(files, fileList);
178
      this.$message.warning(`只能上传 1 个文件`);
160 179
    }
161 180
  }
162 181
};

+ 10 - 4
src/views/modules/admin/paper.vue

@ -67,7 +67,13 @@
67 67
          ></el-date-picker>
68 68
        </el-form-item>
69 69
        <el-form-item label="投稿要求">
70
          <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="paprData.content"></el-input>
70
          <el-input
71
            type="textarea"
72
            :rows="2"
73
            placeholder="请输入内容"
74
            v-model="paprData.content"
75
            :autosize="{ minRows: 10, maxRows: 30}"
76
          ></el-input>
71 77
        </el-form-item>
72 78
      </el-form>
73 79
      <span slot="footer" class="dialog-footer">
@ -122,6 +128,7 @@ export default {
122 128
        })
123 129
      }).then(({ data }) => {
124 130
        if (data && data.code === 0) {
131
          window.console.log(data);
125 132
          this.dataList = data.page.list;
126 133
          this.totalPage = data.page.totalCount;
127 134
        } else {
@ -196,11 +203,10 @@ export default {
196 203
        method: "post",
197 204
        data: this.paprData
198 205
      }).then(res => {
199
        window.console.log(res)
206
        window.console.log(res);
200 207
        if (res.data && res.data.code === 0) {
201 208
          this.addOrVisible = false;
202
          this.paprData.deadline = '',
203
          this.paprData.content = ''
209
          (this.paprData.deadline = ""), (this.paprData.content = "");
204 210
        } else {
205 211
          this.$message.error(res.data.msg);
206 212
        }

+ 197 - 217
src/views/modules/admin/signinfo-add-or-update.vue

@ -2,62 +2,59 @@
2 2
  <el-dialog
3 3
    :title="!dataForm.id ? '新增' : '修改'"
4 4
    :close-on-click-modal="false"
5
    :visible.sync="visible">
6
    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="80px">
7
    <el-form-item label="参会人员id" prop="aId">
8
      <el-input v-model="dataForm.aId" placeholder="参会人员id"></el-input>
9
    </el-form-item>
10
    <el-form-item label="会议id" prop="meetingId">
11
      <el-input v-model="dataForm.meetingId" placeholder="会议id"></el-input>
12
    </el-form-item>
13
    <el-form-item label="姓名" prop="truename">
14
      <el-input v-model="dataForm.truename" placeholder="姓名"></el-input>
15
    </el-form-item>
16
    <el-form-item label="所属机构(单位名称、公司名称" prop="organization">
17
      <el-input v-model="dataForm.organization" placeholder="所属机构(单位名称、公司名称"></el-input>
18
    </el-form-item>
19
    <el-form-item label="职位id" prop="position">
20
      <el-input v-model="dataForm.position" placeholder="职位id"></el-input>
21
     <!-- </el-form-item>
22
    <el-form-item label="职称" prop="jobTitle">
23
      <el-input v-model="dataForm.jobTitle" placeholder="职称"></el-input>
24
     </el-form-item>
25
    <el-form-item label="电话" prop="phone">
26
      <el-input v-model="dataForm.phone" placeholder="电话"></el-input>
27
     </el-form-item>
28
    <el-form-item label="参会人员类型id" prop="typeId">
29
      <el-input v-model="dataForm.typeId" placeholder="参会人员类型id"></el-input>
30
     </el-form-item>
31
    <el-form-item label="" prop="typeAttenders">
32
      <el-input v-model="dataForm.typeAttenders" placeholder=""></el-input>
33
    </el-form-item>
34
    <el-form-item label="负责人(员工id)" prop="servicer">
35
      <el-input v-model="dataForm.servicer" placeholder="负责人(员工id)"></el-input>
36
    </el-form-item>
37
    <el-form-item label="" prop="servername">
38
      <el-input v-model="dataForm.servername" placeholder=""></el-input>
39
     </el-form-item>
40
    <el-form-item label="" prop="isPay">
41
      <el-input v-model="dataForm.isPay" placeholder=""></el-input>
42
    </el-form-item>
43
    <el-form-item label="签到状态" prop="status">
44
      <el-input v-model="dataForm.status" placeholder="签到状态"></el-input>
45
    </el-form-item>
46
    <el-form-item label="是否完成胸卡打印" prop="badge">
47
      <el-input v-model="dataForm.badge" placeholder="是否完成胸卡打印"></el-input>
48
    </el-form-item>
49
    <el-form-item label="最后签到时间" prop="lastTime">
50
      <el-input v-model="dataForm.lastTime" placeholder="最后签到时间"></el-input>
51
    </el-form-item>
52
    <el-form-item label="备注" prop="note">
53
      <el-input v-model="dataForm.note" placeholder="备注"></el-input>
54
    </el-form-item>
55
    <el-form-item label="注册情况 0, 1, 2, 现场注册" prop="regflag">
56
      <el-input v-model="dataForm.regflag" placeholder="注册情况 0, 1, 2, 现场注册"></el-input>
57
    </el-form-item>
58
    <el-form-item label="创建时间" prop="createTime">
59
      <el-input v-model="dataForm.createTime" placeholder="创建时间"></el-input>
60
    </el-form-item>
5
    :visible.sync="visible"
6
  >
7
    <el-form
8
      :model="dataForm"
9
      :rules="dataRule"
10
      ref="dataForm"
11
      @keyup.enter.native="dataFormSubmit()"
12
      label-width="100px"
13
    >
14
      <el-form-item label="姓名" prop="truename">
15
        <el-input v-model="dataForm.truename" placeholder="姓名"></el-input>
16
      </el-form-item>
17
      <el-form-item label="所属机构" prop="organization">
18
        <el-input v-model="dataForm.organization" placeholder="所属机构"></el-input>
19
      </el-form-item>
20
21
      <!--  <!-- <el-form-item label="职称" prop="jobTitle">
22
        <el-input v-model="dataForm.jobTitle" placeholder="职称"></el-input>
23
      </el-form-item>-->
24
       <el-form-item label="电话" prop="phone">
25
        <el-input v-model="dataForm.phone" placeholder="电话"></el-input>
26
      </el-form-item>
27
       <el-form-item label="缴费金额" prop="money">
28
        <el-input v-model="dataForm.money" placeholder="缴费金额(单位元)"></el-input>
29
      </el-form-item>
30
       <el-form-item label="是否缴费" prop="isPay">
31
        <el-radio v-model="dataForm.isPay" :label="1">是</el-radio>
32
        <el-radio v-model="dataForm.isPay" :label="0"></el-radio>
33
      </el-form-item>
34
      <el-form-item label="胸卡打印" prop="badge">
35
        <!-- <el-input v-model="dataForm.badge" placeholder="是否完成胸卡打印"></el-input> -->
36
        <el-radio v-model="dataForm.badge" :label="1">是</el-radio>
37
        <el-radio v-model="dataForm.badge" :label="0">否</el-radio>
38
      </el-form-item>
39
       <el-form-item label="负责人" prop="servicer">
40
        <el-select v-model="dataForm.servicer" filterable placeholder="请选择">
41
          <el-option
42
            v-for="item in employeeList"
43
            :key="item.id"
44
            :label="item.truename"
45
            :value="item.id"
46
          ></el-option>
47
        </el-select>
48
      </el-form-item>
49
      <el-form-item label="备注" prop="note">
50
        <el-input
51
          type="textarea"
52
          :rows="2"
53
          :autosize="{ minRows: 15, maxRows:15}"
54
          placeholder="请输入内容"
55
          v-model="dataForm.note"
56
        ></el-input>
57
      </el-form-item>
61 58
    </el-form>
62 59
    <span slot="footer" class="dialog-footer">
63 60
      <el-button @click="visible = false">取消</el-button>
@ -67,171 +64,154 @@
67 64
</template>
68 65
69 66
<script>
70
  export default {
71
    data () {
72
      return {
73
        visible: false,
74
        dataForm: {
75
          id: 0,
76
          aId: '',
77
          meetingId: '',
78
          truename: '',
79
          organization: '',
80
          position: '',
81
          jobTitle: '',
82
          phone: '',
83
          typeId: '',
84
          typeAttenders: '',
85
          servicer: '',
86
          servername: '',
87
          isPay: '',
88
          status: '',
89
          badge: '',
90
          lastTime: '',
91
          note: '',
92
          regflag: '',
93
          createTime: ''
94
        },
95
        dataRule: {
96
          aId: [
97
            { required: true, message: '参会人员id不能为空', trigger: 'blur' }
98
          ],
99
          meetingId: [
100
            { required: true, message: '会议id不能为空', trigger: 'blur' }
101
          ],
102
          truename: [
103
            { required: true, message: '姓名不能为空', trigger: 'blur' }
104
          ],
105
          organization: [
106
            { required: true, message: '所属机构(单位名称、公司名称不能为空', trigger: 'blur' }
107
          ],
108
          position: [
109
            { required: true, message: '职位id不能为空', trigger: 'blur' }
110
          ],
111
          jobTitle: [
112
            { required: true, message: '职称不能为空', trigger: 'blur' }
113
          ],
114
          phone: [
115
            { required: true, message: '电话不能为空', trigger: 'blur' }
116
          ],
117
          typeId: [
118
            { required: true, message: '参会人员类型id不能为空', trigger: 'blur' }
119
          ],
120
          typeAttenders: [
121
            { required: true, message: '不能为空', trigger: 'blur' }
122
          ],
123
          servicer: [
124
            { required: true, message: '负责人(员工id)不能为空', trigger: 'blur' }
125
          ],
126
          servername: [
127
            { required: true, message: '不能为空', trigger: 'blur' }
128
          ],
129
          isPay: [
130
            { required: true, message: '不能为空', trigger: 'blur' }
131
          ],
132
          status: [
133
            { required: true, message: '签到状态不能为空', trigger: 'blur' }
134
          ],
135
          badge: [
136
            { required: true, message: '是否完成胸卡打印不能为空', trigger: 'blur' }
137
          ],
138
          lastTime: [
139
            { required: true, message: '最后签到时间不能为空', trigger: 'blur' }
140
          ],
141
          note: [
142
            { required: true, message: '备注不能为空', trigger: 'blur' }
143
          ],
144
          regflag: [
145
            { required: true, message: '注册情况 0, 1, 2, 现场注册不能为空', trigger: 'blur' }
146
          ],
147
          createTime: [
148
            { required: true, message: '创建时间不能为空', trigger: 'blur' }
149
          ]
150
        }
151
      }
152
    },
153
    methods: {
154
      init (id) {
155
        this.dataForm.id = id || 0
156
        this.visible = true
157
        this.$nextTick(() => {
158
          this.$refs['dataForm'].resetFields()
159
          if (this.dataForm.id) {
160
            this.$http({
161
              url: this.$http.adornUrl(`/admin/signinfo/info/${this.dataForm.id}`),
162
              method: 'get',
163
              params: this.$http.adornParams()
164
            }).then(({data}) => {
165
              if (data && data.code === 0) {
166
                this.dataForm.aId = data.signInfo.aId
167
                this.dataForm.meetingId = data.signInfo.meetingId
168
                this.dataForm.truename = data.signInfo.truename
169
                this.dataForm.organization = data.signInfo.organization
170
                this.dataForm.position = data.signInfo.position
171
                this.dataForm.jobTitle = data.signInfo.jobTitle
172
                this.dataForm.phone = data.signInfo.phone
173
                this.dataForm.typeId = data.signInfo.typeId
174
                this.dataForm.typeAttenders = data.signInfo.typeAttenders
175
                this.dataForm.servicer = data.signInfo.servicer
176
                this.dataForm.servername = data.signInfo.servername
177
                this.dataForm.isPay = data.signInfo.isPay
178
                this.dataForm.status = data.signInfo.status
179
                this.dataForm.badge = data.signInfo.badge
180
                this.dataForm.lastTime = data.signInfo.lastTime
181
                this.dataForm.note = data.signInfo.note
182
                this.dataForm.regflag = data.signInfo.regflag
183
                this.dataForm.createTime = data.signInfo.createTime
184
              }
185
            })
67
export default {
68
  data() {
69
    return {
70
      visible: false,
71
      dataForm: {
72
        meetingId: this.$route.params.id,
73
        truename: "",
74
        organization: "",
75
        phone: "",
76
        servicer: "",
77
        money: 0,
78
        isPay: '',
79
        badge: '',
80
        note: ""
81
      },
82
      dataRule: {
83
        truename: [
84
          { required: true, message: "姓名不能为空", trigger: "blur" }
85
        ],
86
        organization: [
87
          {
88
            required: true,
89
            message: "所属机构(单位名称、公司名称不能为空",
90
            trigger: "blur"
186 91
          }
187
        })
92
        ],
93
        position: [
94
          { required: true, message: "职位不能为空", trigger: "blur" }
95
        ],
96
        phone: [{ required: true, message: "电话不能为空", trigger: "blur" }],
97
        typeId: [
98
          { required: true, message: "参会人员类型不能为空", trigger: "blur" }
99
        ],
100
        servicer: [
101
          {
102
            required: true,
103
            message: "负责人不能为空",
104
            trigger: "blur"
105
          }
106
        ],
107
        isPay: [
108
          { required: true, message: "是否缴费不能为空", trigger: "blur" }
109
        ],
110
        badge: [
111
          {
112
            required: true,
113
            message: "是否完成胸卡打印不能为空",
114
            trigger: "blur"
115
          }
116
        ],
117
        money: [
118
          { required: true, message: "缴费金额不能为空", trigger: "blur" }
119
        ]
188 120
      },
189
      // 表单提交
190
      dataFormSubmit () {
191
        this.$refs['dataForm'].validate((valid) => {
192
          if (valid) {
193
            this.$http({
194
              url: this.$http.adornUrl(`/admin/signinfo/${!this.dataForm.id ? 'save' : 'update'}`),
195
              method: 'post',
196
              data: this.$http.adornData({
197
                'id': this.dataForm.id || undefined,
198
                'aId': this.dataForm.aId,
199
                'meetingId': this.dataForm.meetingId,
200
                'truename': this.dataForm.truename,
201
                'organization': this.dataForm.organization,
202
                'position': this.dataForm.position,
203
                'jobTitle': this.dataForm.jobTitle,
204
                'phone': this.dataForm.phone,
205
                'typeId': this.dataForm.typeId,
206
                'typeAttenders': this.dataForm.typeAttenders,
207
                'servicer': this.dataForm.servicer,
208
                'servername': this.dataForm.servername,
209
                'isPay': this.dataForm.isPay,
210
                'status': this.dataForm.status,
211
                'badge': this.dataForm.badge,
212
                'lastTime': this.dataForm.lastTime,
213
                'note': this.dataForm.note,
214
                'regflag': this.dataForm.regflag,
215
                'createTime': this.dataForm.createTime
216
              })
217
            }).then(({data}) => {
218
              if (data && data.code === 0) {
219
                this.$message({
220
                  message: '操作成功',
221
                  type: 'success',
222
                  duration: 1500,
223
                  onClose: () => {
224
                    this.visible = false
225
                    this.$emit('refreshDataList')
226
                  }
227
                })
228
              } else {
229
                this.$message.error(data.msg)
230
              }
121
      employeeList: []
122
    };
123
  },
124
  created() {
125
    this.getEmployee();
126
  },
127
  methods: {
128
    init(id) {
129
      this.dataForm.id = id || 0;
130
      this.visible = true;
131
      this.$nextTick(() => {
132
        this.$refs["dataForm"].resetFields();
133
        if (this.dataForm.id) {
134
          this.$http({
135
            url: this.$http.adornUrl(
136
              `/admin/signinfo/info/${this.dataForm.id}`
137
            ),
138
            method: "get",
139
            params: this.$http.adornParams()
140
          }).then(({ data }) => {
141
            window.console.log(data);
142
            if (data && data.code === 0) {
143
              this.dataForm.meetingId = data.signInfo.meetingId;
144
              this.dataForm.truename = data.signInfo.truename;
145
              this.dataForm.organization = data.signInfo.organization;
146
              this.dataForm.phone = data.signInfo.phone;
147
              this.dataForm.servicer = data.signInfo.servicer;
148
              this.dataForm.isPay = data.signInfo.isPay;
149
              this.dataForm.badge = data.signInfo.badge;
150
              this.dataForm.note = data.signInfo.note;
151
              this.dataForm.money = data.signInfo.money;
152
            }
153
          });
154
        }
155
      });
156
    },
157
    // 表单提交
158
    dataFormSubmit() {
159
      this.$refs["dataForm"].validate(valid => {
160
        if (valid) {
161
          this.$http({
162
            url: this.$http.adornUrl(
163
              `/admin/signinfo/${!this.dataForm.id ? "save" : "update"}`
164
            ),
165
            method: "post",
166
            data: this.$http.adornData({
167
              id: this.dataForm.id || undefined,
168
              meetingId: this.dataForm.meetingId,
169
              truename: this.dataForm.truename,
170
              organization: this.dataForm.organization,
171
              position: this.dataForm.position,
172
              phone: this.dataForm.phone,
173
              typeId: this.dataForm.typeId,
174
              servicer: this.dataForm.servicer,
175
              servername: this.dataForm.servername,
176
              isPay: this.dataForm.isPay,
177
              badge: this.dataForm.badge,
178
              note: this.dataForm.note
231 179
            })
232
          }
180
          }).then(({ data }) => {
181
            if (data && data.code === 0) {
182
              this.$message({
183
                message: "操作成功",
184
                type: "success",
185
                duration: 1500,
186
                onClose: () => {
187
                  this.visible = false;
188
                  this.$emit("refreshDataList");
189
                }
190
              });
191
            } else {
192
              this.$message.error(data.msg);
193
            }
194
          });
195
        }
196
      });
197
    },
198
199
    //获取负责人
200
    getEmployee() {
201
      this.loading = true;
202
      this.$http({
203
        url: this.$http.adornUrl(`/admin/employee/findAllByTrueName`),
204
        method: "get",
205
        params: this.$http.adornParams({
206
          truename: ""
233 207
        })
234
      }
208
      }).then(({ data }) => {
209
        if (data) {
210
          this.loading = false;
211
          this.employeeList = data;
212
        }
213
      });
235 214
    }
236 215
  }
216
};
237 217
</script>

+ 8 - 1
src/views/modules/admin/signinfo.vue

@ -2,7 +2,7 @@
2 2
  <div class="mod-config">
3 3
    <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
4 4
      <el-form-item>
5
        <el-input v-model="dataForm.key" placeholder="参数名" clearable></el-input>
5
        <el-input v-model="dataForm.key" placeholder="姓名/负责人" clearable></el-input>
6 6
      </el-form-item>
7 7
      <el-form-item>
8 8
        <el-button @click="getDataList()">查询</el-button>
@ -43,7 +43,14 @@
43 43
          <el-tag v-else type="danger">否</el-tag>
44 44
        </template>
45 45
      </el-table-column>
46
      <el-table-column prop="money" header-align="center" align="center" label="金额(单位元)"></el-table-column>
46 47
      <el-table-column prop="servername" header-align="center" align="center" label="负责人"></el-table-column>
48
      <el-table-column prop="isPay" header-align="center" align="center" label="是否缴费">
49
        <template slot-scope="scope">
50
          <el-tag v-if="scope.row.isPay===1">是</el-tag>
51
          <el-tag v-else type="danger">否</el-tag>
52
        </template>
53
      </el-table-column>
47 54
      <el-table-column prop="createTime" header-align="center" align="center" label="创建时间"></el-table-column>
48 55
      <el-table-column prop="lastTime" header-align="center" align="center" label="最后签到时间"></el-table-column>
49 56
      <el-table-column prop="note" header-align="center" align="center" label="备注"></el-table-column>