add 标准详情；更新记录

src/views/standardRegulationLibrary/commonPage/StandardDetailPage.vue

@@ -0,0 +1,146 @@
+<template>
+  <div class="detail-page">
+    <div class="detail-page-title">{{ pageTitle }}{{ $t('details') }}</div>
+
+    <div class="detail-page-part" v-for="(part, index) in partList" :key="part + index">
+      <div class="detail-page-part-title">
+        <span>{{ part }}</span>
+        <div class="detail-page-part-title-operate-box" v-if="index === 0">
+          <!--          更新记录-->
+          <a-button type="link" @click="handleOpenUpdateRecord">
+            <i class="iconfont icon-root-list" />
+            {{ $t('standardRegulationLibrary.updateRecord') }}
+          </a-button>
+          <!--          提交问题-->
+          <a-button type="link" @click="submitQuestion">
+            <a-icon type="database" />
+            {{ $t('standardRegulationLibrary.submitQuestion') }}
+          </a-button>
+          <!--          分享-->
+          <a-button type="link"><i class="iconfont icon-root-list" />{{ $t('share') }}</a-button>
+        </div>
+      </div>
+      <div class="detail-page-part-form" v-if="index !== 3">
+        <div class="detail-page-part-form-item" v-for="formItem in form[part]" :key="formItem.id">
+          <label>{{ formItem.dbFieldTxt }}</label>
+          <span>{{ detailData[formItem.dbFieldName] }}</span>
+        </div>
+      </div>
+      <!--      过程稿件特殊处理-->
+      <div class="detail-page-process-manuscript" v-if="index === 3">
+        <div class="detail-page-process-manuscript-item" v-for="formItem in form[part]" :key="formItem.id">
+          <div class="detail-page-process-manuscript-title">
+            <span>{{ formItem.dbFieldTxt }}</span>
+            <a-button type="primary" ghost icon="file-text">{{ $t('standardRegulationLibrary.standardResolutionSheet') }}</a-button>
+          </div>
+          <div class="detail-page-process-manuscript-file" v-for="file in detailData[formItem.dbFieldName]" :key="file.id">
+            <div class="detail-page-process-manuscript-file-info">
+              <a-icon type="link" />
+              <div class="detail-page-process-manuscript-file-name">{{ file.fileName }}</div>
+            </div>
+            <div class="detail-page-process-manuscript-file-operate">
+              <a-button type="link" icon="download">{{ $t('download') }}</a-button>
+              <a-button type="link">
+                <i class="iconfont icon-water-drop-slash"></i>
+                {{ $t('unwatermarkedDownload') }}
+              </a-button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!--    更新记录-->
+    <upload-record-modal ref="uploadRecordModal" />
+    <!--    提交问题-->
+    <submit-question-modal ref="submitQuestionModal" />
+  </div>
+</template>
+
+<script>
+import '@assets/less/common.less'
+import { TagsTypeEnums } from '../../../enums/commonEnums'
+import { getDomesticStandardFormModal } from '../../../api/standardRegulationLibraryApi'
+import UploadRecordModal from './modules/UploadRecordModal.vue'
+import SubmitQuestionModal from './modules/SubmitQuestionModal.vue'
+
+export default {
+  name: 'StandardDetailPage',
+  components: { UploadRecordModal, SubmitQuestionModal },
+  data () {
+    return {
+      partList: [], // 页面模块列表
+      form: {}, // 页面字段
+      detailData: {
+        modification_list: [
+          {
+            id: 1,
+            fileName: '国内文字占位符段落标题标准.pdf'
+          },
+          {
+            id: 2,
+            fileName: '国内标准国内文字占位符段落标题标准.pdf'
+          },
+          {
+            id: 3,
+            fileName: '国内标准国内标准.pdf'
+          }
+        ],
+        draft_for_review: [{
+          id: 11,
+          fileName: '国内文字占位符段落标题标准.pdf'
+        }],
+        draft_for_approval: [{
+          id: 21,
+          fileName: '国内标准国内文字占位符段落标题标准.pdf'
+        }],
+        draft_for_comment: [{
+          id: 31,
+          fileName: '国内标准国内标准.pdf'
+        }],
+        draft: [{
+          id: 311,
+          fileName: '国内标准国内标准.pdf'
+        }]
+      } // 页面数据
+    }
+  },
+  computed: {
+    pageTitle () {
+      return TagsTypeEnums.nameOfIndex(this.$route.query.type)
+    }
+  },
+  created () {
+    this.initForm()
+  },
+  methods: {
+    initForm () {
+      getDomesticStandardFormModal().then(res => {
+        if (res.success) {
+          const data = res.result || {}
+          this.partList = Object.keys(data)
+          this.form = data
+        } else {
+          this.$message.warn(res.message)
+        }
+      })
+    },
+    /**
+     * 更新记录
+     */
+    handleOpenUpdateRecord () {
+      this.$refs.uploadRecordModal.open()
+    },
+    /**
+     * 提交问题
+     */
+    submitQuestion () {
+      this.$refs.submitQuestionModal.open()
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

src/views/standardRegulationLibrary/commonPage/modules/SubmitQuestionModal.vue

@@ -0,0 +1,70 @@
+<template>
+  <j-modal
+    :title="$t('standardRegulationLibrary.submitQuestion')"
+    :maskClosable="false"
+    :width="width"
+    :visible="visible"
+    :confirm-loading="confirmLoading"
+    @ok="handleOk"
+    @cancel="handleCancel">
+
+    <a-form :form="form">
+      <a-row :gutter="24">
+        <a-col :span="12">
+          <!--          标题-->
+          <a-form-item :label="$t('title')" :labelCol="labelCol" :wrapperCol="wrapperCol">
+            <a-input :placeholder="$t('pleaseEnter') + $t('title')"
+                     @change="event => event.target.value = event.target.value.trim()"
+                     :maxLength="50"
+                     v-decorator="[ 'title', validatorRules.title]" />
+          </a-form-item>
+        </a-col>
+      </a-row>
+    </a-form>
+  </j-modal>
+</template>
+
+<script>
+export default {
+  name: 'SubmitQuestionModal',
+  data () {
+    return {
+      width: 800,
+      visible: false,
+      confirmLoading: false,
+      form: this.$form.createForm(this),
+      modal: {},
+      labelCol: {
+        xs: { span: 24 },
+        sm: { span: 4 }
+      },
+      wrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 20 }
+      },
+      validatorRules: {
+        // 标题
+        title: {
+          rules: [{ required: true, message: this.$t('pleaseEnter') + this.$t('title') }],
+          validateTrigger: 'blur'
+        }
+      }
+    }
+  },
+  methods: {
+    open () {
+      this.visible = true
+    },
+    handleOk () {
+
+    },
+    handleCancel () {
+
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

src/views/standardRegulationLibrary/commonPage/modules/UploadRecordModal.vue

@@ -0,0 +1,54 @@
+<template>
+  <j-modal
+    :title="$t('standardRegulationLibrary.updateRecord')"
+    :maskClosable="false"
+    :width="width"
+    :visible="visible"
+    :confirm-loading="confirmLoading"
+    @cancel="handleCancel">
+
+    <div class="record-item" v-for="record in recordList" :key="record">
+      {{ record }}
+    </div>
+
+    <template v-slot:footer>
+      <a-button @click="handleCancel">{{ $t('close') }}</a-button>
+    </template>
+  </j-modal>
+</template>
+
+<script>
+export default {
+  name: 'UploadRecordModal',
+  data () {
+    return {
+      width: 800,
+      visible: false,
+      confirmLoading: false,
+      recordList: [
+        '111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111',
+        '222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222'
+      ]
+    }
+  },
+  methods: {
+    open () {
+      this.visible = true
+    },
+    handleCancel () {
+      this.visible = false
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.record-item {
+  padding: 20px 0;
+  border-bottom: 1px solid #E5E6EB;
+}
+
+.record-item:first-child {
+  padding-top: 0;
+}
+</style>

src/views/standardRegulationLibrary/domesticStandard/DomesticStandardList.vue

@@ -5,11 +5,14 @@
       <!--      $t('standardRegulationLibrary.domesticStandard.treeSearchPlaceholder')-->
       <a-input-search v-model="treeInput" :placeholder="$t('standardRegulationLibrary.domesticStandard.treeSearchPlaceholder')"
                       @search="handleTreeSearch" />
-      <a-tree :show-line="true" :show-icon="true" :tree-data=treeData>
+      <a-tree :show-line="true" :show-icon="true" :tree-data=treeData :selected-keys="selectedTreeKeys">
         <a-icon type="folder" slot="folder" class="tree-icon" />
 
         <template #custom="record">
-          <div class="tree-operate-node" @mouseenter="handleTreeMouseover(record.key)" @mouseleave="handleTreeMouseout(record.key)">
+          <div class="tree-operate-node"
+               @mouseenter="handleTreeMouseover(record.key)"
+               @mouseleave="handleTreeMouseout(record.key)"
+               @click="handleSelectTreeNode(record)">
             <a-tooltip>
               <template #title>
                 {{ record.nodeName }}
@@ -18,13 +21,15 @@
             </a-tooltip>
             <template v-if="record.key === mouseInNodeKey">
               <!--              新增-->
-              <a-button icon="plus" class="tree-operate-node-btn" @click="handleAddTreeNode(record)"></a-button>
+              <a-button icon="plus" class="tree-operate-node-btn" @click.stop="handleAddTreeNode(record)"></a-button>
               <!--              编辑-->
-              <a-button class="tree-operate-node-btn" @click="handleEditTreeNode(record)">
+              <a-button class="tree-operate-node-btn" @click.stop="handleEditTreeNode(record)">
                 <i class="iconfont icon-bianji" />
               </a-button>
               <!--              删除，根节点不能删除-->
-              <a-button class="tree-operate-node-btn" v-if="record.nodeType !== StandardSystemTreeNodeType.ROOT_NODE.value">
+              <a-button class="tree-operate-node-btn"
+                        v-if="record.nodeType !== StandardSystemTreeNodeType.ROOT_NODE.value"
+                        @click.stop="handleDelTreeNode(record)">
                 <i class="iconfont icon-shanchu_" />
               </a-button>
             </template>
@@ -75,9 +80,11 @@
         <!--        批量删除-->
         <a-button type="primary" icon="delete" ghost @click="batchDel">{{ $t('batchDelete') }}</a-button>
         <!--        配置标准-->
-        <a-button type="primary" icon="setting" ghost>{{ $t('standardRegulationLibrary.configStandard') }}</a-button>
+        <a-button type="primary" icon="setting" ghost @click="handleConfigStandard">{{ $t('standardRegulationLibrary.configStandard') }}</a-button>
         <!--        移出标准-->
-        <a-button type="primary" icon="minus-circle" ghost>{{ $t('standardRegulationLibrary.removeStandard') }}</a-button>
+        <a-button type="primary" icon="minus-circle" ghost @click="handleRemoveStandard">
+          {{ $t('standardRegulationLibrary.removeStandard') }}
+        </a-button>
       </div>
       <div>
         <j-table
@@ -91,6 +98,24 @@
           :scroll="{x: '100%'}"
           @change="tableOnChange">
 
+          <!--          标准编号-->
+          <template v-slot:standard_number="{text, record}">
+            <a-tooltip overlay-class-name="tooltip-style">
+              <template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
+              <div class="table-text can-click-table-text" v-if="text || text === 0" @click="toDetailPage(record)">{{ text }}</div>
+              <div v-else class="table-text">{{ global.emptyLine }}</div>
+            </a-tooltip>
+          </template>
+
+          <!--          标准名称-->
+          <template v-slot:standard_name="{text, record}">
+            <a-tooltip overlay-class-name="tooltip-style">
+              <template slot="title">{{ text || text === 0 ? text : global.emptyLine }}</template>
+              <div class="table-text can-click-table-text" v-if="text || text === 0" @click="toDetailPage(record)">{{ text }}</div>
+              <div v-else class="table-text">{{ global.emptyLine }}</div>
+            </a-tooltip>
+          </template>
+
           <template v-slot:operation="{text, record}">
             <!--            收藏-->
             <a @click="operationClick(operationList[0],record)">
@@ -127,6 +152,8 @@
     <user-select-modal ref="userSelectModal" type="checkbox" @change="continueShare" />
     <!--    树新增、编辑-->
     <domestic-system-tree-modal ref="treeModal" @ok="modalFormOk" />
+    <!--    配置标准-->
+    <standard-selection-modal ref="standardSelectionModal" @change="continueConfigStandard" />
   </a-card>
 </template>
 
@@ -136,10 +163,18 @@ import { ConfigurableTableMixin } from '../../../mixins/ConfigurableTableMixin'
 import Search from '../../../components/customField/Search.vue'
 import JTable from '../../../components/jero/JTable.vue'
 import DomesticStandardModal from './modules/DomesticStandardModal.vue'
-import { getDomesticStandardTableHeader, getDomesticStandardSearchForm, shareDomesticStandard } from '../../../api/standardRegulationLibraryApi'
-import { YesOrNoEnum, StandardSystemTreeNodeType } from '../../../enums/commonEnums'
+import {
+  getDomesticStandardTableHeader,
+  getDomesticStandardSearchForm,
+  shareDomesticStandard,
+  deleteDomesticSystemTree,
+  configDomesticStandard,
+  removeDomesticStandard
+} from '../../../api/standardRegulationLibraryApi'
+import { YesOrNoEnum, StandardSystemTreeNodeType, TagsTypeEnums } from '../../../enums/commonEnums'
 import UserSelectModal from '../../../components/selection/UserSelectModal.vue'
 import DomesticSystemTreeModal from './modules/DomesticSystemTreeModal.vue'
+import StandardSelectionModal from '../../../components/selection/StandardSelectionModal.vue'
 
 const apiTreeData = [
   {
@@ -166,7 +201,7 @@ const apiTreeData = [
 
 export default {
   name: 'DomesticStandardList',
-  components: { Search, JTable, DomesticStandardModal, UserSelectModal, DomesticSystemTreeModal },
+  components: { Search, JTable, DomesticStandardModal, UserSelectModal, DomesticSystemTreeModal, StandardSelectionModal },
   mixins: [ConfigurableTableMixin],
   data () {
     return {
@@ -208,10 +243,12 @@ export default {
         exportZipUrl: '', // 带文件导出
         importExcelUrl: '' // 导入
       },
-      dataSource: [{ id: 1, collectionFlag: '1' }],
+      dataSource: [{ id: 1, collectionFlag: '1', standard_name: '标准001', standard_number: 'BZ001' }],
       yesValue: YesOrNoEnum.YES.value,
       noValue: YesOrNoEnum.NO.value,
-      nowShareId: null // 当前正在分享的数据的id
+      nowShareId: null, // 当前正在分享的数据的id
+      selectedTreeKeys: [], // 选中的树节点
+      tableSlotField: ['standard_name', 'standard_number'] // 表格中需要插槽的字段
     }
   },
   computed: {
@@ -324,11 +361,118 @@ export default {
       // 清空列表选中
       this.onClearSelected()
     },
+    /**
+     * 新增树节点
+     * @param dataRef
+     */
     handleAddTreeNode ({ dataRef }) {
       this.$refs.treeModal.add({ parentId: dataRef.key })
     },
+    /**
+     * 编辑树节点
+     * @param dataRef
+     */
     handleEditTreeNode ({ dataRef }) {
       this.$refs.treeModal.edit(dataRef)
+    },
+    /**
+     * 删除树节点
+     * @param dataRef
+     */
+    handleDelTreeNode ({ dataRef }) {
+      this.$confirm({
+        title: this.$t('confirmDeletion'),
+        content: this.$t('areYouSure'),
+        onOk: () => {
+          deleteDomesticSystemTree({ ids: dataRef.id }).then((res) => {
+            if (res.success) {
+              this.$message.success(res.message)
+              this.modalFormOk()
+            } else {
+              this.$message.warning(res.message)
+            }
+          })
+        }
+      })
+    },
+    /**
+     * 选中树节点
+     * @param dataRef
+     */
+    handleSelectTreeNode ({ dataRef }) {
+      this.selectedTreeKeys = [dataRef.key]
+    },
+    /**
+     * 配置标准
+     */
+    handleConfigStandard () {
+      // 没选择左侧树节点，需要提示“请先选择二级及以下体系”
+      if (!this.selectedTreeKeys || this.selectedTreeKeys.length === 0) {
+        this.$message.warn(this.$t('standardRegulationLibrary.configStandardNoTreeNode'))
+        return
+      }
+      this.$refs.standardSelectionModal.open()
+    },
+    /**
+     * 配置标准-提交
+     * @param dbFieldName
+     * @param standardIds
+     */
+    continueConfigStandard (dbFieldName, standardIds) {
+      this.loading = true
+      const params = {
+        nodeId: this.selectedTreeKeys[0],
+        standardIds
+      }
+      configDomesticStandard(params).then(res => {
+        if (res.success) {
+          this.$message.success(res.message)
+          this.modalFormOk()
+        } else {
+          this.$message.warn(res.message)
+        }
+      }).finally(() => {
+        this.loading = false
+      })
+    },
+    /**
+     * 移出标准
+     */
+    handleRemoveStandard () {
+      // 没选择左侧树节点，需要提示“请先选择二级及以下体系”
+      if (!this.selectedTreeKeys || this.selectedTreeKeys.length === 0) {
+        this.$message.warn(this.$t('standardRegulationLibrary.configStandardNoTreeNode'))
+        return
+      }
+      // 没有选择列表数据，需要提示“选中至少一条列表数据”
+      if (!this.selectedRowKeys || this.selectedRowKeys.length === 0) {
+        this.$message.warning(this.$t('standardRegulationLibrary.selectLeastOneTableData'))
+        return
+      }
+      this.loading = true
+      const params = {
+        nodeId: this.selectedTreeKeys[0],
+        ids: this.selectedRowKeys.join(',')
+      }
+      removeDomesticStandard(params).then(res => {
+        if (res.success) {
+          this.$message.success(res.message)
+          this.modalFormOk()
+        } else {
+          this.$message.warn(res.message)
+        }
+      }).finally(() => {
+        this.loading = false
+      })
+    },
+    toDetailPage ({ id }) {
+      this.$openPageNewSheet({
+        path: '/standardRegulationLibrary/DomesticStandardDetail',
+        query: {
+          id,
+          type: TagsTypeEnums.DOMESTIC_LIST.value
+        }
+      })
     }
   }
 }

src/views/standardRegulationLibrary/domesticStandard/modules/DomesticSystemTreeModal.vue

@@ -42,7 +42,7 @@ export default {
         sm: { span: 20 }
       },
       validatorRules: {
-        // 上级节点
+        // 节点名称
         nodeName: {
           rules: [{ required: true, message: this.$t('pleaseEnter') + this.$t('standardRegulationLibrary.nodeName') }],
           validateTrigger: 'blur'