|
|
@@ -19,378 +19,23 @@ export default {
|
|
|
|
|
|
return {
|
|
|
|
|
|
-
|
|
|
-
|
|
|
- //接口 - 获取 - 表格
|
|
|
- url_get_table:'/api/v1/ops/base_setting/calf_type/list',
|
|
|
- //接口 - 新增 - 表格
|
|
|
- url_add_table:'/api/v1/ops/base_setting/calf_type/add',
|
|
|
- //接口 - 修改 - 表格
|
|
|
- url_edit_table:'/api/v1/ops/base_setting/calf_type/update',
|
|
|
- //接口 - 删除 - 表格
|
|
|
- url_delete_table:'/api/v1/ops/base_setting/calf_type/is_show',
|
|
|
-
|
|
|
- //接口 - 下拉框 列表
|
|
|
- url_get_select1:'/role/getAll',
|
|
|
-
|
|
|
- //按钮权限
|
|
|
- isButtonEdit:false,
|
|
|
-
|
|
|
- //获取 - 表格数据 - 参数
|
|
|
- searchData:{
|
|
|
- name: "",
|
|
|
- page: 1, //页码
|
|
|
- page_size: 10, //每页数量
|
|
|
- total:0, //总页数
|
|
|
- pastureId: ""
|
|
|
- },
|
|
|
- tableLoading: false,
|
|
|
- //表格内容
|
|
|
- tableList:[
|
|
|
- // { username:"admin", id:100, date:'2023-12-01',email:'测试信息1123',roleList:[2,3] },
|
|
|
- // { username:"epans", id:200, date:'2023-12-01',email:'测试信息1123',roleList:[] },
|
|
|
- // { username:"derek", id:300, date:'2023-12-01',email:'测试信息1123' },
|
|
|
- // { username:"admin", id:100, date:'2023-12-01',email:'测试信息1123' },
|
|
|
- // { username:"epans", id:200, date:'2023-12-01',email:'测试信息1123' },
|
|
|
- // { username:"derek", id:300, date:'2023-12-01',email:'测试信息1123' },
|
|
|
- // { username:"admin", id:100, date:'2023-12-01',email:'测试信息1123' },
|
|
|
- // { username:"epans", id:200, date:'2023-12-01',email:'测试信息1123' },
|
|
|
- // { username:"derek", id:300, date:'2023-12-01',email:'测试信息1123' },
|
|
|
- // { username:"admin", id:100, date:'2023-12-01',email:'测试信息1123' },
|
|
|
- // { username:"epans", id:200, date:'2023-12-01',email:'测试信息1123' },
|
|
|
- // { username:"derek", id:300, date:'2023-12-01',email:'测试信息1123' },
|
|
|
- ],
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- pastureList:[
|
|
|
-
|
|
|
- ],
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- addFormShow:false,
|
|
|
- addFormStatus: '',
|
|
|
- addFormTxt: { edit: '修改', create: '新增' },
|
|
|
- addForm:{
|
|
|
- name:'',id:''
|
|
|
- },
|
|
|
-
|
|
|
- addFormRules:{
|
|
|
- name: [ { required: true, message: '类型名称必填', trigger: 'blur' }, ],
|
|
|
-
|
|
|
-
|
|
|
- },
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
|
|
|
}
|
|
|
},
|
|
|
created(){
|
|
|
- // //获取按钮权限
|
|
|
- // const isButtonEdit = checkButtons(this.$store.state.buttonsList, "犊牛类型编辑")
|
|
|
- // this.isButtonEdit = isButtonEdit
|
|
|
- // console.log('this.isButtonEdit==========',this.isButtonEdit)
|
|
|
-
|
|
|
-
|
|
|
- // 获取下拉框
|
|
|
- // this.get_select_list1()
|
|
|
-
|
|
|
- // //表格 - 初始化
|
|
|
- // this.get_table_data()
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
|
|
|
},
|
|
|
methods:{
|
|
|
|
|
|
- get_auto_buttons() {
|
|
|
- // 编辑
|
|
|
- const isButtonEdit = checkButtons(this.$store.state.buttonsList, "用户管理编辑")
|
|
|
- this.isButtonEdit = isButtonEdit
|
|
|
- console.log('this.isButtonEdit==========',this.isButtonEdit)
|
|
|
- },
|
|
|
|
|
|
- //获取 下拉框
|
|
|
- get_select_list1(){
|
|
|
- var me = this
|
|
|
- ajaxDataGet(me.url_get_select1, {"roleName": "", "page": 1, "page_size": 1000}).then(e => {
|
|
|
- console.log("下拉框1：",e)
|
|
|
-
|
|
|
- //打印请求成功结果
|
|
|
- if(e.data == null || e.data == undefined ||e.data.length == 0 ){
|
|
|
- me.roleList = []
|
|
|
- } else {
|
|
|
- me.roleList = e.data
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- })
|
|
|
-
|
|
|
-
|
|
|
- ajaxDataGet('/authdata/pasture', { "page": 1, "page_size": 1000}).then(e => {
|
|
|
- console.log("牧场下拉框1：",e)
|
|
|
-
|
|
|
- //打印请求成功结果
|
|
|
- if(e.data == null || e.data == undefined ||e.data.length == 0 ){
|
|
|
- me.pastureList = []
|
|
|
- } else {
|
|
|
- me.pastureList = e.data
|
|
|
- }
|
|
|
-
|
|
|
- })
|
|
|
-
|
|
|
-
|
|
|
- },
|
|
|
-
|
|
|
-
|
|
|
- //获取 表格
|
|
|
- get_table_data() {
|
|
|
-
|
|
|
- var me = this
|
|
|
-
|
|
|
- me.tableLoading = true
|
|
|
- console.log("searchData======>", me.searchData)
|
|
|
-
|
|
|
- var send_url = me.url_get_table + '?page=' + me.searchData.page + '&page_size=' + me.searchData.page_size
|
|
|
-
|
|
|
- ajaxDataPost(send_url, me.searchData).then(e => {
|
|
|
- console.log("表格请求结果：",e)
|
|
|
- //打印请求成功结果
|
|
|
- if(e.code == 200 ){
|
|
|
- me.tableList = e.data.list
|
|
|
- me.searchData.total = e.data.total; // 总数
|
|
|
- me.searchData.page = e.data.page; //页码
|
|
|
- me.searchData.page_size = e.data.page_size; //每页数量
|
|
|
-
|
|
|
- } else {
|
|
|
- me.$message({ type: 'error', message: '请求表格列表失败！' + e.msg, duration: 2000 })
|
|
|
- }
|
|
|
-
|
|
|
- setTimeout(() => {
|
|
|
- me.tableLoading = false
|
|
|
- }, 100)
|
|
|
-
|
|
|
- })
|
|
|
-
|
|
|
-
|
|
|
- },
|
|
|
- //搜索 查询表格
|
|
|
- form_search(){
|
|
|
- var me = this
|
|
|
- console.log('请求表格列表searchData',me.searchData)
|
|
|
- me.get_table_data()
|
|
|
-
|
|
|
- },
|
|
|
-
|
|
|
- //重置 表格
|
|
|
- form_clear(){
|
|
|
- var me = this
|
|
|
- me.searchData.name = ""
|
|
|
- me.get_table_data()
|
|
|
- },
|
|
|
-
|
|
|
- //监听 page_size 改变的事件
|
|
|
- change_size_page(item){
|
|
|
- console.log(item)
|
|
|
- // this.searchData.page_size = item
|
|
|
- // this.getUserList()
|
|
|
- },
|
|
|
-
|
|
|
- //监听 page 改变的事件
|
|
|
- change_current_page(item){
|
|
|
- console.log(item)
|
|
|
- this.searchData.page = item
|
|
|
- this.get_table_data()
|
|
|
- },
|
|
|
-
|
|
|
- //清空弹窗表单信息
|
|
|
- reset_form(){
|
|
|
- this.addForm.name = ''
|
|
|
- },
|
|
|
-
|
|
|
- //新增
|
|
|
- form_add() {
|
|
|
- this.reset_form()
|
|
|
- this.addFormStatus = 'create'
|
|
|
- this.addFormShow = true
|
|
|
- this.$nextTick(() => {
|
|
|
- this.$refs['addFormRef'].clearValidate()
|
|
|
- })
|
|
|
- },
|
|
|
-
|
|
|
- //编辑
|
|
|
- form_edit(row) {
|
|
|
- console.log('行内容row=========', row)
|
|
|
- //编辑行内容赋值
|
|
|
- this.addForm = Object.assign({}, row)
|
|
|
- this.addFormStatus = 'edit'
|
|
|
- this.addFormShow = true
|
|
|
- this.$nextTick(() => {
|
|
|
- this.$refs['addFormRef'].clearValidate()
|
|
|
- })
|
|
|
- },
|
|
|
-
|
|
|
-
|
|
|
- //新增关闭
|
|
|
- add_dialog_close(){
|
|
|
- //内容重置
|
|
|
- this.$refs['addFormRef'].resetFields()
|
|
|
- },
|
|
|
-
|
|
|
- //新增 保存
|
|
|
- add_dialog_save() {
|
|
|
- var me = this
|
|
|
- this.$refs['addFormRef'].validate(valid => {
|
|
|
- //验证成功
|
|
|
- if (valid) {
|
|
|
- //发起请求
|
|
|
- var send_data = {
|
|
|
- "name": me.addForm.name,
|
|
|
- }
|
|
|
- console.log("弹窗参数：", send_data)
|
|
|
-
|
|
|
- //关闭弹窗
|
|
|
- // me.addFormShow = false
|
|
|
- //加载 - 发送新增保存
|
|
|
- ajaxDataPost(me.url_add_table, send_data).then(e => {
|
|
|
- console.log("新增结果：",e)
|
|
|
- //打印请求成功结果
|
|
|
- if(e.code == 200 ){
|
|
|
- me.$message({ type: 'success', message: '新增成功！' , duration: 2000 })
|
|
|
- //关闭弹窗
|
|
|
- me.addFormShow = false
|
|
|
- me.get_table_data()
|
|
|
- } else {
|
|
|
- me.$message({ type: 'error', message: '新增失败！' + e.msg, duration: 2000 })
|
|
|
- }
|
|
|
- })
|
|
|
-
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- //编辑 保存
|
|
|
- edit_dialog_save(){
|
|
|
- var me = this
|
|
|
- this.$refs['addFormRef'].validate(valid => {
|
|
|
- //验证成功
|
|
|
- if (valid) {
|
|
|
- //发起请求
|
|
|
- var send_data = {
|
|
|
- "name": me.addForm.name,
|
|
|
- "id": me.addForm.id,
|
|
|
- }
|
|
|
- console.log("弹窗参数：", send_data)
|
|
|
-
|
|
|
- //关闭弹窗
|
|
|
- // me.addFormShow = false
|
|
|
- //加载 - 发送新增保存
|
|
|
- ajaxDataPut(me.url_edit_table, send_data).then(e => {
|
|
|
- console.log("编辑结果：",e)
|
|
|
- //打印请求成功结果
|
|
|
- if(e.code == 200 ){
|
|
|
- me.$message({ type: 'success', message: '编辑成功！' , duration: 2000 })
|
|
|
- //关闭弹窗
|
|
|
- me.addFormShow = false
|
|
|
- me.get_table_data()
|
|
|
- } else {
|
|
|
- me.$message({ type: 'error', message: '编辑失败！' + e.msg, duration: 2000 })
|
|
|
- }
|
|
|
- })
|
|
|
-
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- form_delete(row) {
|
|
|
- var me = this
|
|
|
-
|
|
|
- me.$confirm('是否删除此条内容?', '提示', {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
- type: 'warning'
|
|
|
- }).then(() => {
|
|
|
- console.log("删除的ID参数：", row.id)
|
|
|
- //加载 - 发送新增保存
|
|
|
- ajaxDataDelete(me.url_delete_table + '/' +row.id, {}).then(e => {
|
|
|
- console.log("编辑结果：",e)
|
|
|
- //打印请求成功结果
|
|
|
- if(e.code == 200 ){
|
|
|
- me.$message({ type: 'success', message: '删除成功!' });
|
|
|
- me.get_table_data()
|
|
|
- } else {
|
|
|
- me.$message({ type: 'error', message: '删除失败！' + e.msg, duration: 2000 })
|
|
|
- }
|
|
|
- })
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- }).catch(() => {
|
|
|
- me.$message({
|
|
|
- type: 'info',
|
|
|
- message: '已取消删除'
|
|
|
- });
|
|
|
- });
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- },
|
|
|
-
|
|
|
-
|
|
|
- form_export() {
|
|
|
- //获取请求表格数据的参数
|
|
|
- //this.download.getdataListParm.parammaps = this.tableObj.getdataListParm.parammaps
|
|
|
- //请求表格
|
|
|
- // GetDataByName(this.download.getdataListParm).then(response => {
|
|
|
- // if (response.data.list !== null) {
|
|
|
- // this.download.list = response.data.list
|
|
|
- // } else {
|
|
|
- // this.download.list = []
|
|
|
- // }
|
|
|
- // var excelDatas = [
|
|
|
- // {
|
|
|
- // tHeader: ['表头1', '表头2', '表头3', '表头4',],
|
|
|
- // filterVal: ['title1', 'title2', 'title3', 'title4'],
|
|
|
- // tableDatas: this.download.list,
|
|
|
- // sheetName: 'Sheet1'
|
|
|
- // }
|
|
|
- // ]
|
|
|
- // json2excel(excelDatas, '表格大标题', true, 'xlsx')
|
|
|
- // })
|
|
|
-
|
|
|
- var excelDatas = [
|
|
|
- {
|
|
|
- tHeader: ['表头1', '表头2', '表头3', '表头4',],
|
|
|
- filterVal: ['title1', 'title2', 'title3', 'title4'],
|
|
|
- tableDatas: [
|
|
|
- {title1: "内容1",title2: "内容2",title3: "内容3",title4: "内容4"},
|
|
|
- {title1: "内容11",title2: "内容22",title3: "内容32",title4: "内容44"},
|
|
|
- {title1: "内容111",title2: "内容222",title3: "内容333",title4: "内容444"},
|
|
|
- ],
|
|
|
- sheetName: 'Sheet1'
|
|
|
- }
|
|
|
- ]
|
|
|
- json2excel(excelDatas, '表格大标题', true, 'xlsx')
|
|
|
-}
|
|
|
-
|
|
|
|
|
|
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
-<!-- 加了scoped，则是仅在此组件里生效 -->
|
|
|
+
|
|
|
<style scoped>
|
|
|
|
|
|
</style>
|
