[update] 增加企标详情页，未完全写完，添加企标操作弹框

2023-09-08 17:42:21 +08:00
parent 798774b291
commit c7c1a9aa27
9 changed files with 682 additions and 39 deletions
@@ -60,6 +60,9 @@ export default {
    },
    edit (record) {
      this.visible = true
+      this.$nextTick(() => {
+        this.$refs.addForm.edit(record)
+      })
    },
    handleOk () {
      this.confirmLoading = true
@@ -0,0 +1,128 @@
+<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('enterpriseStandard.enterpriseStandard.authorizationDepart')">
+          <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('enterpriseStandard.enterpriseStandard.authorizationUser')">
+          <user-selection
+            v-decorator.trim="[ 'userIds', validatorRules.userIds]"
+            :nameStr="model.userNames"
+            @nameChange="userSelectNameChange">
+          </user-selection>
+        </a-form-item>
+        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" :label="$t('enterpriseStandard.enterpriseStandard.maturityDate')">
+          <a-date-picker
+            v-decorator.trim="[ 'maturityDate', validatorRules.maturityDate]"
+            format="YYYY-MM-DD"
+            value-format="YYYY-MM-DD"
+          >
+          </a-date-picker>
+        </a-form-item>
+      </a-form>
+    </a-spin>
+
+  </a-modal>
+</template>
+
+<script>
+import { temporaryPermissionSet } from '@/api/enterpriseStandardLibraryApi'
+import UserSelection from '@/components/selection/UserSelection'
+export default {
+  name: 'TemporaryPermissionSet',
+  components: { UserSelection },
+  data () {
+    return {
+      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: {
+        deptIds: {
+          rules: [
+            { required: false, message: this.$t('pleaseEnter') + this.$t('enterpriseStandard.enterpriseStandard.authorizationDepart') }
+          ],
+          validateTrigger: 'change'
+        },
+        userIds: {
+          rules: [
+            { required: false, message: this.$t('pleaseEnter') + this.$t('enterpriseStandard.enterpriseStandard.authorizationUser') }
+          ],
+          validateTrigger: 'change'
+        },
+        notes: {
+          rules: [
+            { required: true, message: this.$t('pleaseEnter') + this.$t('enterpriseStandard.enterpriseStandard.maturityDate') }
+          ],
+          validateTrigger: 'change'
+        }
+      }
+    }
+  },
+  methods: {
+    open (standards) {
+      this.visible = true
+      this.form.resetFields()
+      this.model.standards = standards
+    },
+    userSelectNameChange (value) {
+      this.model.userNames = value
+    },
+    handleCancel () {
+      this.close()
+    },
+    handleOk () {
+      if (this.confirmLoading) return
+      this.form.validateFields((err, values) => {
+        if (!err) {
+          this.confirmLoading = true
+          const param = Object.assign({}, values)
+          param.standards = this.model.standards
+          temporaryPermissionSet(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>