From 5dc67d8a5f464d6f03ded4982383ad2b3a9d2802 Mon Sep 17 00:00:00 2001
From: qq787203167 <787203167@qq.com>
Date: Thu, 7 Apr 2022 10:31:42 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E9=A1=B9=E7=9B=AE=E5=BA=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jero-web/src/common/lang/en-us.js             |   9 +
 jero-web/src/common/lang/zh-cn.js             |   9 +
 .../projectManagement/components/addModel.vue | 323 ++++++++++++++++
 .../projectLibrary/index.vue                  | 355 ++++++++++++++++++
 4 files changed, 696 insertions(+)
 create mode 100644 jero-web/src/views/projectManagement/components/addModel.vue
 create mode 100644 jero-web/src/views/projectManagement/projectLibrary/index.vue

diff --git a/jero-web/src/common/lang/en-us.js b/jero-web/src/common/lang/en-us.js
index 87ffd1caa..054d86689 100644
--- a/jero-web/src/common/lang/en-us.js
+++ b/jero-web/src/common/lang/en-us.js
@@ -598,4 +598,13 @@ module.exports = {
   engineeringInterfacePerson:'Engineering interface person',
   typeOfDeliverables:'Type of deliverables',
   deliverableTemplate:'Deliverable template',
+  entryName:'entry name',
+  targetMarket:'target market',
+  projectStatus:'Project status',
+  StudioEngineer:'Studio engineer',
+  CertificationTime:'Certification time',
+  NTplatform:'NT platform',
+  NPplatform:'NP platform',
+  IPDInformation:'IPD information',
+  certificationProgramInformation:'Certification program information',
 }
\ No newline at end of file
diff --git a/jero-web/src/common/lang/zh-cn.js b/jero-web/src/common/lang/zh-cn.js
index ab777a72d..9a3511f20 100644
--- a/jero-web/src/common/lang/zh-cn.js
+++ b/jero-web/src/common/lang/zh-cn.js
@@ -602,4 +602,13 @@ module.exports = {
   engineeringInterfacePerson:'工程接口人',
   typeOfDeliverables:'交付物类型',
   deliverableTemplate:'交付物模板',
+  entryName:'项目名称',
+  targetMarket:'目标市场',
+  projectStatus:'项目状态',
+  StudioEngineer:'studio工程师',
+  CertificationTime:'认证时间',
+  NTplatform:'NT平台',
+  NPplatform:'NP平台',
+  IPDInformation:'IPD信息',
+  certificationProgramInformation:'认证计划信息',
 }
\ No newline at end of file
diff --git a/jero-web/src/views/projectManagement/components/addModel.vue b/jero-web/src/views/projectManagement/components/addModel.vue
new file mode 100644
index 000000000..a649facd9
--- /dev/null
+++ b/jero-web/src/views/projectManagement/components/addModel.vue
@@ -0,0 +1,323 @@
+<template>
+  <a-drawer
+    :title="'添加'"
+    :maskClosable="false"
+    :width="1000"
+    placement="right"
+    :closable="true"
+    @close="handleCancel"
+    :visible="visible"
+    style="height: 100%;overflow: auto;padding-bottom: 53px;">
+    <a-spin :spinning="confirmLoading">
+      <a-form-model :model="formInline" class="formAdd" :rules="rules" ref="ruleForm">
+        <a-row :gutter="24">
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" :title="$t('entryName')">{{$t('entryName')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="entryName">
+                <j-dict-select-tag class="box-input" v-model="formInline.entryName"
+                                   :disabled="disabled"
+                                   @input="handleInput('entryName')"
+                                   :placeholder="$t('PleaseSelect')+$t('entryName')"
+                                   :type="'select'"
+                                   :triggerChange="false" :dictCode="'dict_field'"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" :title="$t('targetMarket')">{{$t('targetMarket')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="targetMarket">
+                <j-dict-select-tag class="box-input" v-model="formInline.targetMarket"
+                                   :disabled="disabled"
+                                   @input="handleInput('targetMarket')"
+                                   :placeholder="$t('PleaseSelect')+$t('targetMarket')"
+                                   :type="'select'"
+                                   :triggerChange="false" :dictCode="'dict_field'"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+        </a-row>
+        <a-row :gutter="24">
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" :title="$t('projectStatus')">{{$t('projectStatus')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="projectStatus">
+                <j-dict-select-tag class="box-input" v-model="formInline.projectStatus"
+                                   :disabled="disabled"
+                                   @input="handleInput('projectStatus')"
+                                   :placeholder="$t('PleaseSelect')+$t('projectStatus')"
+                                   :type="'select'"
+                                   :triggerChange="false" :dictCode="'dict_field'"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" title="Gate">Gate</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="Gate">
+                <a-input class="box-input"
+                         :disabled="disabled"
+                         v-model="formInline.Gate"
+                         :placeholder="$t('PleaseEnter')+'Gate'"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+        </a-row>
+        <a-row :gutter="24">
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" :title="$t('IPDInformation')">{{$t('IPDInformation')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="IPDInformation">
+                <a-input class="box-input"
+                         :disabled="disabled"
+                         v-model="formInline.IPDInformation"
+                         :placeholder="$t('PleaseEnter')+$t('IPDInformation')"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" :title="$t('StudioEngineer')">{{$t('StudioEngineer')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" :prop="'StudioEngineer'">
+                <PersonnelSelection :query="{db_field_name:'StudioEngineer',db_field_txt:$t('StudioEngineer')}"
+                                    :personneQuery="formInline"
+                                    @change="PersonnelSelectionChange"
+                                    :disabled="disabled"
+                                    v-model="formInline.StudioEngineer"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+        </a-row>
+        <a-row :gutter="24">
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" :title="$t('CertificationTime')">{{$t('CertificationTime')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="CertificationTime">
+                <a-range-picker class="box-input" v-model="formInline.CertificationTime"
+                                :disabled="disabled"
+                                @change="onChange('CertificationTime')"></a-range-picker>
+              </a-form-model-item>
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" :title="$t('NTplatform')">{{$t('NTplatform')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" :prop="'NTplatform'">
+                <j-dict-select-tag class="box-input" v-model="formInline.NTplatform"
+                                   :disabled="disabled"
+                                   @input="handleInput('NTplatform')"
+                                   :placeholder="$t('PleaseSelect')+$t('NTplatform')"
+                                   :type="'select'"
+                                   :triggerChange="false" :dictCode="'dict_field'"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+        </a-row>
+        <a-row :gutter="24">
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" :title="$t('NPplatform')">{{$t('NPplatform')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" :prop="'NPplatform'">
+                <j-dict-select-tag class="box-input" v-model="formInline.NPplatform"
+                                   :disabled="disabled"
+                                   @input="handleInput('NPplatform')"
+                                   :placeholder="$t('PleaseSelect')+$t('NPplatform')"
+                                   :type="'select'"
+                                   :triggerChange="false" :dictCode="'dict_field'"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" :title="$t('certificationProgramInformation')">{{$t('certificationProgramInformation')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="certificationProgramInformation">
+                <a-input class="box-input"
+                         :disabled="disabled"
+                         v-model="formInline.certificationProgramInformation"
+                         :placeholder="$t('PleaseEnter')+$t('certificationProgramInformation')"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+        </a-row>
+      </a-form-model>
+    </a-spin>
+    <div class="drawer-bootom-button">
+      <a-button style="margin-right: .8rem" @click="handleCancel">{{$t('cancel')}}</a-button>
+      <a-button @click="handleSubmit" type="primary" :loading="confirmLoading">{{$t('submit')}}</a-button>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+  import PersonnelSelection from '@/components/PersonnelSelection/index'
+
+  export default {
+    name: 'addModel',
+    components: {
+      PersonnelSelection
+    },
+    data() {
+      return {
+        formInline: {},
+        confirmLoading: false,
+        visible: false,
+        rules: {},
+        disabled: false
+      }
+    },
+    mounted() {
+    },
+    methods: {
+      addModel() {
+        this.visible = true
+        this.formInline = {}
+      },
+      handleCancel() {
+        this.visible = false
+      },
+      handleSubmit() {
+
+      },
+      handleInput(value) {
+        this.$nextTick(() => {
+          this.formInline = { ...this.formInline }
+          this.$refs.ruleForm.validateField([value])
+        })
+      },
+      PersonnelSelectionChange(value, id) {
+        this.formInline[value + '_id'] = id
+        this.formInline = { ...this.formInline }
+      }
+    }
+  }
+</script>
+<style>
+  .formAdd .ant-form-item-label {
+    width: 130px;
+  }
+
+  .formAdd .ant-form-item-control-wrapper {
+    display: inline-block;
+    width: calc(100% - 130px);
+  }
+
+  /*.formAdd .ant-form-item {*/
+  /*  margin-bottom: 20px;*/
+  /*}*/
+
+  .itemModel .ant-form-item-control-wrapper {
+    width: 100%;
+  }
+
+  .box-input .ant-select-selection--single {
+    height: 38px;
+  }
+
+  .box-input .ant-select-selection--multiple {
+    height: 38px;
+  }
+
+  .box-input .ant-select-selection__rendered {
+    line-height: 38px;
+    height: 38px;
+  }
+
+  .box-input .ant-select-selection--multiple .ant-select-selection__rendered > ul > li {
+    margin-top: 6px;
+  }
+
+  .box-input .ant-calendar-picker {
+    line-height: 38px;
+    height: 38px;
+  }
+
+  .box-input .ant-calendar-picker-input {
+    height: 38px;
+  }
+
+  .box-input .ant-input-number-input-wrap {
+    line-height: 38px;
+    height: 38px;
+  }
+</style>
+<style scoped>
+  .box-title-text {
+    line-height: 1.4;
+    display: flex;
+    /*align-items: center;*/
+  }
+
+  .title-text {
+    width: 114px;
+    text-align: right;
+    display: inline-block;
+    font-weight: 500;
+    font-size: 14px;
+    margin-right: 16px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    height: 42px;
+    line-height: 48px;
+  }
+
+  .box-input {
+    display: inline-block;
+    height: 38px;
+    width: 100%;
+  }
+
+  .itemModel {
+    width: calc(100% - 130px);
+    display: inline-block;
+    margin-top: 2px;
+  }
+
+  .Required {
+    color: red;
+    margin-right: 4px;
+  }
+
+  .title-text-text {
+    margin-top: 9px;
+  }
+
+
+  .formAdd {
+    margin-bottom: 40px;
+  }
+
+
+  .drawer-bootom-button {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    border-top: 1px solid #e8e8e8;
+    padding: 10px 16px;
+    text-align: right;
+    left: 0;
+    background: #fff;
+    border-radius: 0 0 2px 2px;
+  }
+</style>
\ No newline at end of file
diff --git a/jero-web/src/views/projectManagement/projectLibrary/index.vue b/jero-web/src/views/projectManagement/projectLibrary/index.vue
new file mode 100644
index 000000000..b54f155aa
--- /dev/null
+++ b/jero-web/src/views/projectManagement/projectLibrary/index.vue
@@ -0,0 +1,355 @@
+<template>
+  <a-card :bordered="false">
+    <div class="table-page-search-wrapper">
+      <a-row :gutter="24">
+        <a-col :md="6" :sm="8">
+          <div class="box-title-text">
+            <div class="title-text" :title="$t('entryName')">
+              <span>{{$t('entryName')}}</span>
+            </div>
+            <a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('entryName')"
+                     v-model="queryParam.entryName"></a-input>
+          </div>
+        </a-col>
+        <a-col :md="6" :sm="8">
+          <div class="box-title-text">
+            <div class="title-text" :title="$t('targetMarket')">
+              <span>{{$t('targetMarket')}}</span>
+            </div>
+            <j-dict-select-tag class="box-input" v-model="queryParam.targetMarket"
+                               :placeholder="$t('PleaseSelect')+$t('targetMarket')"
+                               :type="'select'"
+                               :triggerChange="false" :dictCode="''"/>
+          </div>
+        </a-col>
+        <a-col :md="6" :sm="8">
+          <div class="box-title-text">
+            <div class="title-text" :title="$t('projectStatus')">
+              <span>{{$t('projectStatus')}}</span>
+            </div>
+            <j-dict-select-tag class="box-input" v-model="queryParam.projectStatus"
+                               :placeholder="$t('PleaseSelect')+$t('projectStatus')"
+                               :type="'select'"
+                               :triggerChange="false" :dictCode="''"/>
+          </div>
+        </a-col>
+        <template v-if="toggleSearchStatus">
+          <a-col :md="6" :sm="8">
+            <div class="box-title-text">
+              <div class="title-text" :title="$t('StudioEngineer')">
+                <span>{{$t('StudioEngineer')}}</span>
+              </div>
+              <a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('StudioEngineer')"
+                       v-model="queryParam.StudioEngineer"></a-input>
+            </div>
+          </a-col>
+        </template>
+        <span style="float: right;overflow: hidden;margin-right: 11px" class="table-page-search-submitButtons">
+               <a-col :md="6" :sm="24">
+                  <a-button class="box-button" type="primary" @click="searchQuery">{{$t('query')}}</a-button>
+                  <a-button class="box-button" style="margin-left: 8px" @click="searchReset">{{$t('reset')}}</a-button>
+                  <a @click="handleToggleSearch" style="margin-left: 8px">
+                        {{ !toggleSearchStatus ? $t('open') : $t('away') }}
+                         <a-icon :type="toggleSearchStatus ? 'up' : 'down'"/>
+                 </a>
+               </a-col>
+      </span>
+      </a-row>
+    </div>
+    <div class="table-operator">
+      <div @click="handleAdd" class="operator-text" v-has="'document:getInfoById'">
+        <a-icon type="plus"/>
+        {{$t('add')}}
+      </div>
+      <div @click="handleDel" class="operator-text" v-has="'document:deleteBatch'">
+        <a-icon type="delete"/>
+        {{$t('BatchDelete')}}
+      </div>
+    </div>
+    <div>
+      <a-table
+        ref="table"
+        size="middle"
+        :loading="loading"
+        :pagination="false"
+        :scroll="{x: true}"
+        rowKey="id"
+        :data-source="dataSource"
+        :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
+        :columns="columns"
+      >
+        <span slot="entryName" slot-scope="text,record">
+          <a @click="entryNameClick(record)">{{text}}</a>
+        </span>
+        <span slot="operation" slot-scope="text,record">
+            <a class="text-operation" @click="edit(record)">{{$t('edit')}}</a>
+            <a class="text-operation" @click="deleteLib(record)">{{$t('deleteLib')}}</a>
+        </span>
+      </a-table>
+    </div>
+    <div class="page">
+      <a-pagination
+        :show-total="total => $t('total')+` ${total} `+$t('strip')"
+        show-quick-jumper
+        show-size-changer
+        :page-size.sync="pageSize"
+        :total="total"
+        @change="pageOnChange"
+        @showSizeChange="SizeChange"
+      />
+    </div>
+    <addModel ref="addModelRef"/>
+  </a-card>
+</template>
+
+<script>
+  import { getAction, postAction, downloadFile } from '@/api/manage'
+  import addModel from '../components/addModel'
+
+  export default {
+    name: 'index',
+    components: {
+      addModel
+    },
+    data() {
+      return {
+        loading: false,
+        toggleSearchStatus: false,
+        selectedRowKeys: [],
+        formInline: {},
+        rules: {},
+        visible: false,
+        dataSource: [],
+        confirmLoading: false,
+        url: {},
+        total: 0,
+        pageSize: 10,
+        pageNo: 1,
+        title: '新增',
+        columns: [
+          {
+            title: this.$t('entryName'),
+            align: 'center',
+            dataIndex: 'entryName',
+            scopedSlots: { customRender: 'entryName' }
+          },
+          {
+            title: this.$t('targetMarket'),
+            align: 'center',
+            dataIndex: 'targetMarket'
+          },
+          {
+            title: this.$t('projectStatus'),
+            align: 'center',
+            dataIndex: 'projectStatus'
+          },
+          {
+            title: this.$t('StudioEngineer'),
+            align: 'center',
+            dataIndex: 'StudioEngineer'
+          },
+          {
+            title: this.$t('certifiedEngineer'),
+            align: 'center',
+            dataIndex: 'certifiedEngineer'
+          },
+          {
+            title: this.$t('CertificationTime'),
+            align: 'center',
+            dataIndex: 'CertificationTime'
+          },
+          {
+            title: this.$t('NTplatform'),
+            align: 'center',
+            dataIndex: 'NTplatform'
+          },
+          {
+            title: this.$t('NPplatform'),
+            align: 'center',
+            dataIndex: 'NPplatform'
+          },
+          {
+            title: this.$t('operation'),
+            align: 'center',
+            fixed: 'right',
+            width: 200,
+            scopedSlots: { customRender: 'operation' }
+          }
+        ],
+        queryParam: {}
+      }
+    },
+    mounted() {
+
+    },
+    methods: {
+      handleToggleSearch() {
+        this.toggleSearchStatus = !this.toggleSearchStatus
+      },
+      onSelectChange(value) {
+        this.selectedRowKeys = value
+      },
+      //添加
+      handleAdd() {
+        this.$refs.addModelRef.addModel()
+      },
+      //批量删除
+      handleDel() {
+        let newUrl = this.$router.resolve({
+          path: '/virtualListDetails',
+          query: {}
+        })
+        window.open(newUrl.href, '_blank')
+      },
+      //编辑
+      edit(item) {
+        this.title = '编辑'
+        this.formInline = item
+        this.visible = true
+      },
+      //撤回
+      withdraw() {
+
+      },
+      //维护清单
+      maintenanceList() {
+
+      },
+      //订阅
+      subscribe() {
+
+      },
+      //删除
+      deleteLib(item) {
+
+      },
+      //虚拟清单名称事件
+      entryNameClick(item) {
+
+      },
+      searchQuery() {
+        this.pageNo = 1
+      },
+      searchReset() {
+        this.pageNo = 1
+      },
+      pageOnChange(page, pageSize) {
+        this.pageNo = page
+      },
+      SizeChange(page, pageSize) {
+        this.pageNo = 1
+        this.pageSize = pageSize
+      },
+      handleCancel() {
+        this.visible = false
+      },
+      handleSubmit() {
+
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  @import '~@assets/less/common.less';
+
+  .box-title-text {
+    line-height: 1.4;
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
+  }
+
+  .title-text {
+    width: 20%;
+    min-width: 110px;
+    color: #000F16;
+    display: inline-block;
+    font-weight: 500;
+    font-size: 14px;
+    margin-right: 16px;
+    margin-top: 3px;
+    text-align: right;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .box-input {
+    display: inline-block;
+    width: 70%;
+    height: 38px;
+    margin-top: 2px;
+  }
+
+  .box-button {
+    height: 38px;
+    /*margin-top: 2px;*/
+  }
+
+  .text-operation {
+    margin-right: 8px;
+  }
+
+  .page {
+    text-align: right;
+    margin-top: 20px;
+  }
+
+  .box-title-text-add {
+    line-height: 1.4;
+    display: flex;
+  }
+
+  .title-text-add {
+    width: 114px;
+    text-align: right;
+    display: inline-block;
+    font-weight: 500;
+    font-size: 14px;
+    margin-right: 16px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    height: 42px;
+    line-height: 42px;
+    margin-top: 3px;
+  }
+
+  .box-input-add {
+    display: inline-block;
+    height: 38px;
+    width: 100%;
+  }
+
+  .itemModel {
+    width: calc(100% - 130px);
+    display: inline-block;
+    margin-top: 2px;
+  }
+
+  .Required {
+    color: red;
+    margin-right: 4px;
+  }
+
+  .title-text-text {
+    margin-top: 9px;
+  }
+
+  .formAdd {
+    margin-bottom: 40px;
+  }
+
+  .drawer-bootom-button {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    border-top: 1px solid #e8e8e8;
+    padding: 10px 16px;
+    text-align: right;
+    left: 0;
+    background: #fff;
+    border-radius: 0 0 2px 2px;
+  }
+</style>
\ No newline at end of file