[add] 添加企标级别映射模块和友情链接模块，完善内部工作组模块，修改封装的Search组件

2023-09-07 15:27:19 +08:00
parent f156b08ec2
commit d45ee8d81f
10 changed files with 732 additions and 134 deletions
@@ -0,0 +1,85 @@
+<template>
+  <a-card :bordered="false">
+    <div>
+      <j-table
+        :can-drag="true"
+        :scroll="{x: '100%'}"
+        ref="table"
+        size="middle"
+        rowKey="id"
+        :columns="columns"
+        :dataSource="dataSource"
+        :pagination="ipagination"
+        :loading="loading"
+        :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
+        @change="handleTableChange">
+
+        <div slot="action" slot-scope="{text, record}" class="action-span-cell">
+          <a v-if="record.level === 1 || record.level === 2" @click="handleEdit(record)" class="table-ope-btn">{{ $t('edit') }}</a>
+          <a v-else>{{ global.emptyLine }}</a>
+        </div>
+
+<!--        <template v-slot:action="{text, record}">-->
+<!--          <a @click="handleEdit(record)" >{{ $t('edit') }}</a>-->
+<!--          <a @click="handleDelete(record.id)" >{{ $t('delete') }}</a>-->
+<!--        </template>-->
+
+      </j-table>
+    </div>
+    <enterprise-map-modal ref="modalForm" @ok="modalFormOk"></enterprise-map-modal>
+  </a-card>
+</template>
+
+<script>
+import '@assets/less/common.less'
+import JTable from '@/components/jero/JTable'
+import { JeroListMixin } from '@/mixins/JeroListMixin'
+// 新增、编辑弹框
+import EnterpriseMapModal from './modules/EnterpriseMapModal'
+
+export default {
+  name: 'EnterpriseLevelMapList',
+  components: { EnterpriseMapModal, JTable },
+  mixins: [JeroListMixin],
+  data () {
+    return {
+      columns: [
+        {
+          title: this.$t('system.enterpriseLevelMap.levelCategory'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'level',
+          scopedSlots: { customRender: 'text' }
+        },
+        {
+          title: this.$t('system.enterpriseLevelMap.canLookDepart'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'deptNames',
+          scopedSlots: { customRender: 'text' }
+        },
+        {
+          title: this.$t('system.enterpriseLevelMap.remark'),
+          align: 'center',
+          width: 180,
+          dataIndex: 'notes',
+          scopedSlots: { customRender: 'text' }
+        },
+        {
+          title: this.$t('operation'),
+          scopedSlots: { customRender: 'action' },
+          align: 'center',
+          width: 100
+        }
+      ],
+      url: {
+        list: '/sys/lawsGrade/list'
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
@@ -0,0 +1,147 @@
+<template>
+  <a-modal
+    :title="title"
+    :maskClosable="true"
+    :width="800"
+    :closable="true"
+    @cancel="handleCancel"
+    @ok="handleOk"
+    :visible="visible">
+
+    <a-spin :spinning="confirmLoading">
+      <a-form :form="form">
+        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('system.enterpriseLevelMap.levelCategory')">
+          <a-select :placeholder="$t('pleaseEnter') + $t('system.enterpriseLevelMap.levelCategory')"
+                    allowClear
+                    v-decorator.trim="[ 'level', validatorRules.level]">
+            <a-select-option :value="null" :key="-1">请选择</a-select-option>
+            <a-select-option v-for="item in levelCategoryList" :value="item" :key="item">{{ item }}</a-select-option>
+          </a-select>
+        </a-form-item>
+        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('system.enterpriseLevelMap.canLookDepart')">
+          <j-select-depart
+            v-decorator.trim="[ 'deptIds', validatorRules.deptIds]"
+            :multi="true"
+            :backDepart="true"
+            :treeOpera="true">
+          </j-select-depart>
+        </a-form-item>
+        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('system.enterpriseLevelMap.remark')">
+          <a-textarea
+            v-decorator.trim="[ 'notes', validatorRules.notes]"
+            :placeholder="$t('pleaseEnter')+$t('system.enterpriseLevelMap.remark')"
+            :maxLength="500"
+            :rows="4" />
+        </a-form-item>
+      </a-form>
+    </a-spin>
+
+  </a-modal>
+</template>
+
+<script>
+import { getEnterpriseLevelMapList } from '@/api/api'
+import pick from 'lodash.pick'
+import { postAction } from '@/api/manage'
+
+export default {
+  name: 'EnterpriseMapModal',
+  data () {
+    return {
+      levelCategoryList: [],
+      title: '',
+      visible: false,
+      confirmLoading: false,
+      form: this.$form.createForm(this),
+      model: {},
+      labelCol: {
+        xs: { span: 24 },
+        sm: { span: 6 }
+      },
+      wrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 16 }
+      },
+      validatorRules: {
+        level: {
+          rules: [
+            { required: false, message: this.$t('pleaseEnter') + this.$t('system.internalWorkGroup.levelCategory') }
+          ],
+          validateTrigger: 'blur'
+        },
+        deptIds: {
+          rules: [
+            { required: true, message: this.$t('pleaseEnter') + this.$t('system.internalWorkGroup.canLookDepart') }
+          ],
+          validateTrigger: 'blur'
+        },
+        notes: {
+          rules: [
+            { required: false, message: this.$t('pleaseEnter') + this.$t('system.internalWorkGroup.remark') }
+          ],
+          validateTrigger: 'blur'
+        }
+      },
+      url: {
+        edit: '/sys/lawsGrade/edit'
+      }
+    }
+  },
+  created () {
+    this.getLevelCategoryList()
+  },
+  methods: {
+    edit (record) {
+      console.log(record)
+      this.visible = true
+      this.form.resetFields()
+      this.model = Object.assign({}, record)
+      this.$nextTick(() => {
+        this.form.setFieldsValue(pick(this.model, 'level', 'deptIds', 'notes'))
+      })
+    },
+    getLevelCategoryList () {
+      getEnterpriseLevelMapList().then(res => {
+        if (res.success) {
+          this.levelCategoryList = res.result ? res.result.map(item => item.level) : []
+        } else {
+          this.levelCategoryList = []
+        }
+      })
+    },
+    handleCancel () {
+      this.close()
+    },
+    handleOk () {
+      if (this.confirmLoading) return
+      this.form.validateFields((err, values) => {
+        if (!err) {
+          this.confirmLoading = true
+          const param = Object.assign({}, values)
+          param.id = this.model.id
+          const url = this.url.edit
+          postAction(url, param).then(res => {
+            if (res.success) {
+              this.$message.success(res.message)
+              this.$emit('ok')
+              this.close()
+            } else {
+              this.$message.warning(res.message)
+            }
+          }).finally(() => {
+            this.confirmLoading = false
+          })
+        }
+      })
+    },
+    close () {
+      this.visible = false
+      this.model = {}
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>