右侧操作列基础编辑删除开发

Code/Fe/src/components/currenForm/index.vue

@@ -171,7 +171,7 @@
             >
               <el-option
                 v-for="(op, index) in selectOptions(item.options) ||
-                searchOptions['options']"
+                item.userOptions"
                 :label="op[item.optionsLabel] || op.label"
                 :value="op[item.optionsValue] || op.value"
                 :key="index"

Code/Fe/src/components/umyTable/index.vue

@@ -60,6 +60,7 @@
           :key="indexButton"
           type="text"
           size="mini"
+          :style="{color:itemButton.color || '#409EFF'}"
           @click="buttonOperationClick_right(scope.row, itemButton, indexButton)"
         >{{itemButton.label}}</el-button>
       </template>

Code/Fe/src/filters/status.js

@@ -1445,6 +1445,21 @@ export function whetherOrNot(index, prop) {
   }
   return Enum(filter, index, prop)
 }
+export function whetherOrNotForNum(index, prop) {
+  let filter = {
+    1: {
+      label: "是",
+      value: 1,
+      background:"#31BB99",
+    },
+    0: {
+      label: "否",
+      value: 0,
+      background:"#EC5B28",
+    },
+  }
+  return Enum(filter, index, prop)
+}
 /**
  * @returns {object} '基本状态'
  */

Code/Fe/src/mixins/TableMixins.js

@@ -57,6 +57,53 @@ export const tableMixins = {
     }
   },
   methods: {
+    // 主表-右侧操作列基础按钮
+    buttonOperationList_rightBase(data){
+      return [{
+        label:'编辑',
+        name:'edit',
+      },{
+        label:'删除',
+        name:'delete',
+        color:'red'
+      }]
+    },
+    // 主表-右侧操作列基础按钮操作
+    buttonOperationClick_right(row,item){
+      // 编辑
+      if (item.name == "edit") {
+        this.formTitle = this.$route.meta.title + "编辑";
+        this.formReveal = false
+        this.theEvent = "edit"
+        const listAssign = (arr1, arr2) => {
+          Object.keys(arr1).forEach(item => {
+            arr1[item] = arr2[item]
+          })
+        }
+        listAssign(this.editFormData, row)
+        this.displayDialog.editDialog = true
+      }
+      // 删除
+      else if (item.name == "delete"){
+        this.$confirm('此操作将永久删除该消息, 是否继续?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          this.Loading.tableLoading = true
+          let _url = this.URLOption_delete ? this.URLOption_delete : this.URLOption_base + '/delete-by-id'
+          postDelete(row.id, _url).then(res => {
+            this.$successMsg('删除成功!')
+            this.Loading.tableLoading = false
+            this.paging()
+          }).catch(err => {
+            this.Loading.tableLoading = false
+          })
+        }).catch(() => {
+          this.Loading.tableLoading = false
+        });
+      }
+    },
     // 获取通过api的表头数据，不可以在初始化处理，因为接口返回问题
     // initApiColumns(table,des,detailsTable,detailsPage){
     //   // 赋值表头数据

Code/Fe/src/mixins/newAndEdiDialogMixins.js

@@ -71,7 +71,7 @@ export const newAndEdiDialogMixins = {
           break;
         case false:
           if(!_updata && !this.URLOption_updata){_url = _url + '/update-by-id'}
-          postUpdate(this.editFormData, this.propsData.id, _url).then(res => {
+          postUpdate(this.editFormData, this.editFormData.id, _url).then(res => {
             this.propsData = res
             this.Loading.newAndEdiLoading = false
             this.FormResult("success")

Code/Fe/src/store/getters.js

@@ -11,6 +11,7 @@ const getters = {
   roles: state => state.user.roles,
   currentUserInfo: state => state.user.userInfo,//当前用户信息
   permission_routes: state => state.permission.routes,//接口获取的菜单
+  tablesName:state => state.permission.tablesName,//接口获取所有的表名
   errorLogs: state => state.errorLog.logs,
   dictionaries: state => state.dictionaries.dict,
   enumList: state => state.definition.enumList,//接口获取的枚举

Code/Fe/src/store/modules/permission.js

@@ -62,13 +62,17 @@ export function filterAsyncRoutes(routes, roles) {
 
 const state = {
   routes: [],
-  addRoutes: []
+  addRoutes: [],
+  tablesName:null,//所有的表名
 }
 
 const mutations = {
   SET_ROUTES: (state, routes) => {
     state.addRoutes = routes
     state.routes = constantRoutes.concat(routes)
+  },
+  SET_TABLESNAME: (state, data) => {
+    state.tablesName = data
   }
 }
 // todo-new:有token后使用generateRoutes,去掉下方一行代码
@@ -177,6 +181,8 @@ const actions = {
             _menuList.push(item.substring(item.indexOf('.') + 1,item.length))
           }          
         }
+        // 存储所有的表名
+        commit('SET_TABLESNAME', _menuList)
         // todo-new:接口获取 接口没有走配置文件
         let _noShowMenus = null//不显示的菜单
         _noShowMenus = localStorage.getItem('menuHiddenConfig').split(',')

Code/Fe/src/utils/index.js

@@ -561,8 +561,8 @@ export function createNewTabs (url) {
 // faster-new
 // 转义及读取api接口返回的表头信息 
 export function initFromApiColumnsLable (data) {
-  let _Dashboard = store.getters.columZHList
-  return _Dashboard ? _Dashboard[data] : null
+  let _list = store.getters.columZHList
+  return _list ? _list[data] : data
 }
 
 // 首字母转换 type='Lower'(小写，默认) Upper（大写）

Code/Fe/src/views/interfaceBoard/TestSchool.vue

@@ -25,6 +25,8 @@
       :httpOverallSearchData="httpOverallSearchData"
       @buttonOperationClick_left="buttonOperationClick_left"
       :buttonOperationList_left="operationButtonsTable"
+      :buttonOperationList_right="buttonOperationList_rightBase"
+      @buttonOperationClick_right="buttonOperationClick_right"
     ></tablePagination>
     <curren-Drawer
       ref="currenDrawer_Ref"