Browse Source

省艺术协会后台最新代码

sysxh
yanghao 3 years ago
parent
commit
171b1a9d83
  1. 2
      .env.production
  2. 27
      src/api/Expert.js
  3. 8
      src/views/information/index.vue
  4. 125
      src/views/shop/expert/index.vue
  5. 2
      wsl.txt

2
.env.production

@ -1,6 +1,6 @@
ENV = 'production'
# 接口地址
VUE_APP_BASE_API = 'http://www.cyjyyjy.com:8094'
VUE_APP_BASE_API = 'http://art.admin.cyjyyjy.com'
VUE_APP_WS_API = 'ws:///127.0.0.1:8001'

27
src/api/Expert.js

@ -0,0 +1,27 @@
import request from '@/utils/request'
export function add(data) {
return request({
url: 'api/Expert',
method: 'post',
data
})
}
export function del(ids) {
return request({
url: 'api/Expert/',
method: 'delete',
data: ids
})
}
export function edit(data) {
return request({
url: 'api/Expert',
method: 'put',
data
})
}
export default { add, edit, del }

8
src/views/information/index.vue

@ -148,15 +148,15 @@ export default {
data() {
return {
delLoading: false,
articleCatetoryId: null,
articleCatetoryId: '',
articleCatetoryList: [],
setLoading: false
}
},
created() {
this.$nextTick(() => {
this.init()
})
// this.$nextTick(() => {
// this.init()
// })
},
mounted(){
this.getArticleCatetory()

125
src/views/shop/expert/index.vue

@ -0,0 +1,125 @@
<template>
<div class="app-container">
<!--工具栏-->
<div class="head-container">
<!--如果想在工具栏加入更多按钮可以使用插槽方式 slot = 'left' or 'right'-->
<crudOperation :permission="permission" />
<!--表单组件-->
<el-dialog :close-on-click-modal="false" :before-close="crud.cancelCU" :visible.sync="crud.status.cu > 0" :title="crud.status.title" width="500px">
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
<el-form-item label="姓名:">
<el-input v-model="form.name" style="width: 370px;" />
</el-form-item>
<el-form-item label="照片:">
<single-pic v-model="form.avatar" type="image" :num="1" :width="150" :height="150" />
</el-form-item>
<el-form-item label="简介:">
<el-input v-model="form.job" style="width: 370px;" />
</el-form-item>
<el-form-item label="介绍:">
<el-input type="textarea" rows="4" show-word-limit v-model="form.introduction" style="width: 370px;" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="text" @click="crud.cancelCU">取消</el-button>
<el-button :loading="crud.cu === 2" type="primary" @click="crud.submitCU">确认</el-button>
</div>
</el-dialog>
<!--表格渲染-->
<el-table ref="table" v-loading="crud.loading" :data="crud.data" size="small" style="width: 100%;" @selection-change="crud.selectionChangeHandler">
<el-table-column type="selection" width="55" />
<el-table-column v-if="columns.visible('id')" prop="id" label="id" />
<el-table-column v-if="columns.visible('name')" prop="name" label="姓名" />
<el-table-column v-if="columns.visible('avatar')" prop="avatar" label="照片">
<template slot-scope="scope">
<el-image :src="scope.row.avatar" :fit="contain" style="width: 50px; height: 50px;border-radius: 50%;"></el-image>
</template>
</el-table-column>
<el-table-column v-if="columns.visible('job')" prop="job" label="简介" />
<el-table-column v-if="columns.visible('introduction')" width="300px" prop="introduction" label="介绍" show-overflow-tooltip="true">
</el-table-column>
<el-table-column v-if="columns.visible('createTime')" label="创建时间">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column v-permission="['admin','Expert:edit','Expert:del']" label="操作" width="150px" align="center">
<template slot-scope="scope">
<udOperation
:data="scope.row"
:permission="permission"
/>
</template>
</el-table-column>
</el-table>
<!--分页组件-->
<pagination />
</div>
</div>
</template>
<script>
import crudExpert from "@/api/Expert";
import CRUD, { presenter, header, form, crud } from "@crud/crud";
import rrOperation from "@crud/RR.operation";
import crudOperation from "@crud/CRUD.operation";
import udOperation from "@crud/UD.operation";
import pagination from "@crud/Pagination";
import singlePic from '@/components/singlematerial'
// crudpresenter
const defaultCrud = CRUD({
title: "专家",
url: "api/Expert",
sort: "id,desc",
crudMethod: { ...crudExpert },
});
const defaultForm = {
id: null,
name: null,
avatar: '',
job: null,
introduction: null,
};
export default {
name: "Expert",
components: {
pagination,
crudOperation,
rrOperation,
udOperation,
singlePic,
},
mixins: [presenter(defaultCrud), header(), form(defaultForm), crud()],
data() {
return {
permission: {
add: ["admin", "Expert:add"],
edit: ["admin", "Expert:edit"],
del: ["admin", "Expert:del"],
},
rules: {
id: [{ required: true, message: "不能为空", trigger: "blur" }],
},
};
},
watch: {
'form.image': function(val) {
console.log('aaaa:'+val)
},
},
methods: {
//
[CRUD.HOOK.beforeRefresh]() {
return true;
}, //
[CRUD.HOOK.afterToCU](crud, form) {},
},
};
</script>
<style>
.el-tooltip__popper {
max-width: 400px;
}
</style>

2
wsl.txt

@ -1,2 +1,2 @@
url: rsync -r ./ root@39.105.46.0:/root/html/distclode
url: rsync -r ./ root@39.105.46.0:/root/html/sysxh_admin
password: CXkj2021!@#
Loading…
Cancel
Save