省艺术协会后台最新代码

.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'
 

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 }

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.$nextTick(() => {
-      this.init()
+    //   this.init()
-    })
+    // })
   },
   mounted(){
     this.getArticleCatetory()

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'
+// crud交由presenter持有
+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>

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!@#