添加项目库的项目详情

jero-web/src/common/lang/en-us.js

@@ -607,4 +607,8 @@ module.exports = {
   NPplatform:'NP platform',
   IPDInformation:'IPD information',
   certificationProgramInformation:'Certification program information',
+  taskReleaseStatus:'Task release status',
+  task:'task',
+  TaskCutOffTime:'Task cut-off time',
+  Transfer:'Transfer',
 }

jero-web/src/common/lang/zh-cn.js

@@ -611,4 +611,8 @@ module.exports = {
   NPplatform:'NP平台',
   IPDInformation:'IPD信息',
   certificationProgramInformation:'认证计划信息',
+  taskReleaseStatus:'认证发布状态',
+  task:'任务',
+  TaskCutOffTime:'任务截止时间',
+  Transfer:'调取',
 }

jero-web/src/components/layouts/TabLayout.vue

@@ -89,7 +89,8 @@
         if (this.$route.path == '/docManage/library/detail' ||
           this.$route.path == '/system/MessageDetails' ||
           this.$route.path == '/ProcessMapping' ||
-          this.$route.path == '/virtualListDetails') {
+          this.$route.path == '/virtualListDetails' ||
+          this.$route.path == '/ProjectDetails') {
           return false
         } else {
           return true

jero-web/src/config/router.config.js

@@ -332,6 +332,11 @@ export const constantRouterMap = [
     name: 'virtualListDetails',
     component: () => import(/* webpackChunkName: "user" */ '@/views/documentTools/virtualList/components/virtualListDetails')
   },
+  {
+    path: '/ProjectDetails',
+    name: 'ProjectDetails',
+    component: () => import(/* webpackChunkName: "user" */ '@/views/projectManagement/ProjectDetails/index')
+  },
   {
     path: '/docManage/form/detail',
     name: 'processIndex',

jero-web/src/views/projectManagement/ProjectDetails/index.vue

@@ -0,0 +1,154 @@
+<template>
+  <div class="doc-detail">
+    <div class="Virtual-detail-header" style="position: fixed;top: 0">
+      <div class="Virtual-detail-title">
+          <span style="line-height: 74px;display: inline-block;float: left">
+            <a-icon type="left-circle" theme="filled" style="margin-right: 6px;font-size: 30px;color: #21c9cc;"/>
+          </span>
+        <span>
+             {{this.title}}
+        </span>
+      </div>
+    </div>
+    <div style="padding: 67px 0 0 0;background: #fff;height:100%">
+      <div class="detail-content" style="height: 100%">
+        <div class="Virtual-detail-left">
+          <div class="Virtual-detail-left-text" @click="textClick(0,'项目详情')">
+            <a-icon type="container"/>
+            项目详情
+          </div>
+          <div class="Virtual-detail-left-text" @click="textClick(1,'法规清单')">
+            <a-icon type="container"/>
+            法规清单
+          </div>
+          <div class="Virtual-detail-left-text" @click="textClick(2,'任务清单')">
+            <a-icon type="container"/>
+            任务清单
+          </div>
+          <div class="Virtual-detail-left-text" @click="textClick(3,'任务参数收集')">
+            <a-icon type="container"/>
+            任务参数收集
+          </div>
+        </div>
+        <div class="Virtual-detail-right">
+          <ProjectDetailsName v-if="textTitle === '项目详情'"/>
+          <listOfRegulations v-else-if="textTitle === '法规清单'"/>
+          <TaskList v-else-if="textTitle === '任务清单'"/>
+          <TaskParameterCollection v-else-if="textTitle === '任务参数收集'"/>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import TaskList from '../components/TaskList'
+  import listOfRegulations from '../components/listOfRegulations'
+  import ProjectDetailsName from '../components/ProjectDetails'
+  import TaskParameterCollection from '../components/TaskParameterCollection'
+
+  export default {
+    name: 'ProjectDetails',
+    components: {
+      TaskList,
+      listOfRegulations,
+      ProjectDetailsName,
+      TaskParameterCollection
+    },
+    data() {
+      return {
+        title: '项目详情',
+        textTitle: '项目详情'
+      }
+    },
+    mounted() {
+      this.textColor()
+    },
+    methods: {
+      textColor() {
+        let textColor = document.getElementsByClassName('Virtual-detail-left-text-color')
+        if (textColor && textColor.length > 0) {
+          textColor[0].classList.remove('Virtual-detail-left-text-color')
+        }
+        let text = document.getElementsByClassName('Virtual-detail-left-text')
+        if (text && text.length > 0) {
+          text[0].classList.add('Virtual-detail-left-text-color')
+        }
+      },
+      textClick(num, name) {
+        this.textTitle = name
+        let textColor = document.getElementsByClassName('Virtual-detail-left-text-color')
+        if (textColor && textColor.length > 0) {
+          textColor[0].classList.remove('Virtual-detail-left-text-color')
+        }
+        let text = document.getElementsByClassName('Virtual-detail-left-text')
+        text[num].classList.add('Virtual-detail-left-text-color')
+      }
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  @import '~@assets/less/common.less';
+
+  .doc-detail {
+    background: #fff;
+    height: 100%;
+
+    .Virtual-detail-header {
+      width: 100%;
+      height: 68px;
+      line-height: 68px;
+      padding: 0 32px 0 32px;
+      box-sizing: border-box;
+      display: flex;
+      justify-content: space-between;
+      border-bottom: 2px #eff1f3 solid;
+      background: #fff;
+
+      .Virtual-detail-title {
+        display: inline-block;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+        font-size: 20px;
+        font-weight: 400;
+        color: #040B29;
+        line-height: 68px;
+      }
+
+      .doc-detail-right {
+        width: 800px;
+        line-height: 68px;
+        display: flex;
+      }
+    }
+
+    .Virtual-detail-left {
+      width: 240px;
+      padding: 16px 24px;
+      box-sizing: border-box;
+      font-size: 16px;
+      line-height: 3;
+      float: left;
+
+      .Virtual-detail-left-text {
+        padding: 2px 12px;
+        cursor: pointer;
+      }
+    }
+
+    .Virtual-detail-right {
+      border-left: 2px #eff1f3 solid;
+      width: calc(100% - 240px);
+      height: 100%;
+      float: left;
+      overflow: auto;
+    }
+  }
+
+  .Virtual-detail-left-text-color {
+    background: #eff1f3;
+    border-radius: 4px;
+  }
+</style>

jero-web/src/views/projectManagement/components/ProjectDetails.vue

@@ -0,0 +1,15 @@
+<template>
+<div>
+  项目详情
+</div>
+</template>
+
+<script>
+  export default {
+    name: 'ProjectDetails'
+  }
+</script>
+
+<style scoped>
+
+</style>

jero-web/src/views/projectManagement/components/TaskList.vue

@@ -0,0 +1,15 @@
+<template>
+  <div>
+    任务清单
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'TaskList'
+  }
+</script>
+
+<style scoped>
+
+</style>

jero-web/src/views/projectManagement/components/TaskParameterCollection.vue

@@ -0,0 +1,15 @@
+<template>
+<div>
+   任务参数收集
+</div>
+</template>
+
+<script>
+  export default {
+    name: 'TaskParameterCollection'
+  }
+</script>
+
+<style scoped>
+
+</style>

jero-web/src/views/projectManagement/components/listAddModel.vue

@@ -0,0 +1,177 @@
+<template>
+  <a-drawer
+    title="添加"
+    :maskClosable="false"
+    :width="1000"
+    placement="right"
+    :closable="true"
+    @close="handleCancel"
+    :visible="visible"
+    style="height: 100%;overflow: auto;padding-bottom: 53px;">
+    <div style="margin-bottom: 60px">
+      <currencySearch
+        :flag="'1'"
+        :url="url"
+        @searchQuery="searchQuery"
+        @searchReset="searchReset"
+      />
+      <a-table
+        :columns="columns"
+        rowKey="id"
+        :data-source="dataList"
+        :pagination="false"
+        :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
+        :loading="loading">
+
+      </a-table>
+      <div class="page" v-if="dataList.length > 0">
+        <a-pagination
+          :show-total="total => $t('total')+`${total}`+$t('strip')"
+          show-quick-jumper
+          show-size-changer
+          :page-size.sync="pageSize"
+          :total="total"
+          @change="onChange"
+          @showSizeChange="SizeChange"
+        />
+      </div>
+    </div>
+
+    <div class="drawer-bootom-button">
+      <a-button @click="handleCancel" type="danger" style="margin-right: 16px">{{$t('cancel')}}</a-button>
+      <a-button @click="handleSubmit" type="primary" :loading="confirmLoading">{{$t('submit')}}</a-button>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+  import currencySearch from '@/components/currencySearch/index'
+  import { getAction, postAction } from '@/api/manage'
+
+  export default {
+    name: 'listAddModel',
+    components: {
+      currencySearch
+    },
+    data() {
+      return {
+        visible: false,
+        confirmLoading: false,
+        selectedRowKeys: [],
+        columns: [
+          {
+            title: this.$t('standard'),
+            dataIndex: 'serial_number',
+            align: 'center'
+          },
+          {
+            title: this.$t('title'),
+            dataIndex: 'title',
+            align: 'center'
+          },
+          {
+            title: this.$t('status'),
+            dataIndex: 'state',
+            align: 'center'
+          },
+          {
+            title: this.$t('technicalField'),
+            dataIndex: 'technicalField',
+            align: 'center'
+          }, {
+            title: this.$t('functionalAreas'),
+            dataIndex: 'functionalAreas',
+            align: 'center'
+          },
+          {
+            title: this.$t('StandardImplementationDate'),
+            dataIndex: 'StandardImplementationDate',
+            align: 'center'
+          },
+          {
+            title: this.$t('correspondingStandard'),
+            dataIndex: 'correspondingStandard',
+            align: 'center'
+          }
+        ],
+        dataList: [],
+        content: [],
+        loading: false,
+        pageNo: 1,
+        pageSize: 10,
+        total: 0,
+        url: {
+          seachList: 'document/bussDocumentLibraryEO/queryCondition'   //搜索字段
+        }
+      }
+    },
+    mounted() {
+
+    },
+    methods: {
+      addModel() {
+        this.visible = true
+        this.selectedRowKeys = []
+        this.replacePage()
+      },
+      searchQuery(queryParam) {
+        let queryParamQuery = JSON.parse(JSON.stringify(queryParam))
+        Object.keys(queryParamQuery).forEach(res => {
+          if (queryParamQuery[res] instanceof Array) {
+            queryParamQuery[res] = queryParamQuery[res].join(',')
+          }
+        })
+        this.queryParam = queryParamQuery
+        this.replacePage()
+      },
+      searchReset(queryParam) {
+        this.queryParam = queryParam
+        this.replacePage()
+      },
+      onChange(page, pageSize) {
+        this.pageNo = page
+        this.replacePage()
+      },
+      SizeChange(page, pageSize) {
+        this.pageNo = 1
+        this.pageSize = pageSize
+        this.replacePage()
+      },
+      replacePage() {
+
+      },
+      onSelectChange(value) {
+        this.selectedRowKeys = value
+      },
+      handleCancel() {
+        this.visible = false
+      },
+      handleSubmit() {
+        if (this.selectedRowKeys && this.selectedRowKeys.length > 0) {
+          this.visible = false
+        } else {
+          this.$message.warning(this.$t('selectLeastOne'))
+        }
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  .page {
+    text-align: right;
+    margin-top: 20px;
+  }
+
+  .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>

jero-web/src/views/projectManagement/components/listEditModel.vue

@@ -0,0 +1,747 @@
+<template>
+  <a-drawer
+    :title="'编辑'"
+    :maskClosable="false"
+    :width="900"
+    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('standard')">{{$t('standard')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="standard">
+                <a-input class="box-input"
+                         :disabled="true"
+                         v-model="formInline.standard"
+                         :placeholder="$t('PleaseEnter')+$t('standard')"/>
+              </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('title')">{{$t('title')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="title">
+                <a-input class="box-input"
+                         :disabled="true"
+                         v-model="formInline.title"
+                         :placeholder="$t('PleaseEnter')+$t('title')"/>
+              </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('subtitle')">{{$t('subtitle')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="subtitle">
+                <a-input class="box-input"
+                         :disabled="true"
+                         v-model="formInline.subtitle"
+                         :placeholder="$t('PleaseEnter')+$t('subtitle')"/>
+              </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="'WVTA ID'">WVTA ID</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="WVTAID">
+                <a-input class="box-input"
+                         :disabled="true"
+                         v-model="formInline.WVTAID"
+                         :placeholder="$t('PleaseEnter')+'WVTA ID'"/>
+              </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('correspondingStandard')">{{$t('correspondingStandard')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" :prop="'correspondingStandard'">
+                <Standardselection :query="{db_field_name:'correspondingStandard',
+                                            db_field_txt:$t('correspondingStandard'),}"
+                                   @change="StandardselectionChange"
+                                   :disabled="disabled"
+                                   :standard="formInline"
+                                   v-model="formInline.correspondingStandard"/>
+              </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('implementationCategory')">{{$t('implementationCategory')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="implementationCategory">
+                <j-dict-select-tag class="box-input" v-model="formInline.implementationCategory"
+                                   :disabled="disabled"
+                                   @input="handleInput('implementationCategory')"
+                                   :placeholder="$t('PleaseSelect')+$t('implementationCategory')"
+                                   :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('vehicleInProductionDate')">{{$t('vehicleInProductionDate')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" :prop="'vehicleInProductionDate'">
+                <a-date-picker class="box-input"
+                               :placeholder="$t('PleaseSelect')+$t('vehicleInProductionDate')"
+                               @change="dateChange({db_field_name:'vehicleInProductionDate'})"
+                               format="YYYY-MM-DD"
+                               v-model="formInline.vehicleInProductionDate"
+                               :disabled="disabled"
+                               style="width: 100%"/>
+              </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('ImplementationDate')">{{$t('ImplementationDate')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" :prop="'ImplementationDate'">
+                <a-date-picker class="box-input"
+                               :placeholder="$t('PleaseSelect')+$t('ImplementationDate')"
+                               @change="dateChange({db_field_name:'ImplementationDate'})"
+                               format="YYYY-MM-DD"
+                               v-model="formInline.ImplementationDate"
+                               :disabled="disabled"
+                               style="width: 100%"/>
+              </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('certificationType')">{{$t('certificationType')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="certificationType">
+                <j-dict-select-tag class="box-input" v-model="formInline.certificationType"
+                                   :disabled="disabled"
+                                   @input="handleInput('certificationType')"
+                                   :placeholder="$t('PleaseSelect')+$t('certificationType')"
+                                   :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('certificationLevel')">{{$t('certificationLevel')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="certificationLevel">
+                <j-dict-select-tag class="box-input" v-model="formInline.certificationLevel"
+                                   :disabled="disabled"
+                                   @input="handleInput('certificationLevel')"
+                                   :placeholder="$t('PleaseSelect')+$t('certificationLevel')"
+                                   :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('areaOfResponsibility')">{{$t('areaOfResponsibility')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="areaOfResponsibility">
+                <j-dict-select-tag class="box-input" v-model="formInline.areaOfResponsibility"
+                                   :disabled="disabled"
+                                   @input="handleInput('areaOfResponsibility')"
+                                   :placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')"
+                                   :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('regulatoryEngineer')">{{$t('regulatoryEngineer')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" :prop="'regulatoryEngineer'">
+                <PersonnelSelection :query="{db_field_name:'regulatoryEngineer',db_field_txt:$t('regulatoryEngineer')}"
+                                    :personneQuery="formInline"
+                                    @change="PersonnelSelectionChange"
+                                    :disabled="disabled"
+                                    v-model="formInline.regulatoryEngineer"/>
+              </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('certifiedEngineer')">{{$t('certifiedEngineer')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" :prop="'certifiedEngineer'">
+                <PersonnelSelection :query="{db_field_name:'certifiedEngineer',db_field_txt:$t('certifiedEngineer')}"
+                                    :personneQuery="formInline"
+                                    @change="PersonnelSelectionChange"
+                                    :disabled="disabled"
+                                    v-model="formInline.certifiedEngineer"/>
+              </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('engineeringInterfacePerson')">{{$t('engineeringInterfacePerson')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" :prop="'engineeringInterfacePerson'">
+                <PersonnelSelection
+                  :query="{db_field_name:'engineeringInterfacePerson',db_field_txt:$t('engineeringInterfacePerson')}"
+                  :personneQuery="formInline"
+                  @change="PersonnelSelectionChange"
+                  :disabled="disabled"
+                  v-model="formInline.engineeringInterfacePerson"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+        </a-row>
+        <a-row :gutter="24">
+          <a-col :span="24">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text" :title="$t('remarks')">{{$t('remarks')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" :prop="'remarks'">
+                <a-textarea
+                  :placeholder="$t('PleaseEnter')+$t('remarks')"
+                  :disabled="disabled"
+                  v-model="formInline.remarks" :rows="4"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+        </a-row>
+        <div class="header-text">
+          &nbsp;{{$t('confirmationOfDesignConformity')}}
+        </div>
+        <a-row :gutter="24">
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('typeOfDeliverables')">{{$t('typeOfDeliverables')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="typeOfDeliverables">
+                <j-dict-select-tag class="box-input" v-model="formInline.typeOfDeliverables"
+                                   :disabled="disabled"
+                                   @input="handleInput('typeOfDeliverables')"
+                                   :placeholder="$t('PleaseSelect')+$t('typeOfDeliverables')"
+                                   :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('deliverableTemplate')">{{$t('deliverableTemplate')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="deliverableTemplate">
+                <a-button type="primary" class="button-text"
+                          @click="clickButtonToUpload('deliverableTemplate')">
+                  {{ (formInline.deliverableTemplate === 'null' || formInline.deliverableTemplate === '' ||
+                  formInline.deliverableTemplate == null) ? $t('clickUpload') : $t('viewUploadedFiles')
+                  }}
+                </a-button>
+              </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('Sponsor')">{{$t('Sponsor')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="Sponsor">
+                <j-dict-select-tag class="box-input" v-model="formInline.Sponsor"
+                                   :disabled="disabled"
+                                   @input="handleInput('Sponsor')"
+                                   :placeholder="$t('PleaseSelect')+$t('Sponsor')"
+                                   :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('personLiable')">{{$t('personLiable')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="personLiable">
+                <j-dict-select-tag class="box-input" v-model="formInline.personLiable"
+                                   :disabled="disabled"
+                                   @input="handleInput('personLiable')"
+                                   :placeholder="$t('PleaseSelect')+$t('personLiable')"
+                                   :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('cutoffTime')">{{$t('cutoffTime')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" :prop="'cutoffTime'">
+                <a-date-picker class="box-input"
+                               :placeholder="$t('PleaseSelect')+$t('cutoffTime')"
+                               @change="dateChange({db_field_name:'cutoffTime'})"
+                               format="YYYY-MM-DD"
+                               v-model="formInline.cutoffTime"
+                               :disabled="disabled"
+                               style="width: 100%"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+        </a-row>
+        <div class="header-text">
+          &nbsp;{{$t('PrehomoConfirmation')}}
+        </div>
+        <a-row :gutter="24">
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('typeOfDeliverables')">{{$t('typeOfDeliverables')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="typeOfDeliverables">
+                <j-dict-select-tag class="box-input" v-model="formInline.typeOfDeliverables"
+                                   :disabled="disabled"
+                                   @input="handleInput('typeOfDeliverables')"
+                                   :placeholder="$t('PleaseSelect')+$t('typeOfDeliverables')"
+                                   :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('deliverableTemplate')">{{$t('deliverableTemplate')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="deliverableTemplate">
+                <a-button type="primary" class="button-text"
+                          @click="clickButtonToUpload('deliverableTemplate')">
+                  {{ (formInline.deliverableTemplate === 'null' || formInline.deliverableTemplate === '' ||
+                  formInline.deliverableTemplate == null) ? $t('clickUpload') : $t('viewUploadedFiles')
+                  }}
+                </a-button>
+              </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('Sponsor')">{{$t('Sponsor')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="Sponsor">
+                <j-dict-select-tag class="box-input" v-model="formInline.Sponsor"
+                                   :disabled="disabled"
+                                   @input="handleInput('Sponsor')"
+                                   :placeholder="$t('PleaseSelect')+$t('Sponsor')"
+                                   :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('personLiable')">{{$t('personLiable')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="personLiable">
+                <j-dict-select-tag class="box-input" v-model="formInline.personLiable"
+                                   :disabled="disabled"
+                                   @input="handleInput('personLiable')"
+                                   :placeholder="$t('PleaseSelect')+$t('personLiable')"
+                                   :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('cutoffTime')">{{$t('cutoffTime')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" :prop="'cutoffTime'">
+                <a-date-picker class="box-input"
+                               :placeholder="$t('PleaseSelect')+$t('cutoffTime')"
+                               @change="dateChange({db_field_name:'cutoffTime'})"
+                               format="YYYY-MM-DD"
+                               v-model="formInline.cutoffTime"
+                               :disabled="disabled"
+                               style="width: 100%"/>
+              </a-form-model-item>
+            </div>
+          </a-col>
+        </a-row>
+        <div class="header-text">
+          &nbsp;{{$t('verificationAndConformityconfirmation')}}
+        </div>
+        <a-row :gutter="24">
+          <a-col :span="12">
+            <div class="box-title-text">
+              <div class="title-text">
+                <span class="title-text-text"
+                      :title="$t('typeOfDeliverables')">{{$t('typeOfDeliverables')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="typeOfDeliverables">
+                <j-dict-select-tag class="box-input" v-model="formInline.typeOfDeliverables"
+                                   :disabled="disabled"
+                                   @input="handleInput('typeOfDeliverables')"
+                                   :placeholder="$t('PleaseSelect')+$t('typeOfDeliverables')"
+                                   :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('deliverableTemplate')">{{$t('deliverableTemplate')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="deliverableTemplate">
+                <a-button type="primary" class="button-text"
+                          @click="clickButtonToUpload('deliverableTemplate')">
+                  {{ (formInline.deliverableTemplate === 'null' || formInline.deliverableTemplate === '' ||
+                  formInline.deliverableTemplate == null) ? $t('clickUpload') : $t('viewUploadedFiles')
+                  }}
+                </a-button>
+              </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('Sponsor')">{{$t('Sponsor')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="Sponsor">
+                <j-dict-select-tag class="box-input" v-model="formInline.Sponsor"
+                                   :disabled="disabled"
+                                   @input="handleInput('Sponsor')"
+                                   :placeholder="$t('PleaseSelect')+$t('Sponsor')"
+                                   :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('personLiable')">{{$t('personLiable')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" prop="personLiable">
+                <j-dict-select-tag class="box-input" v-model="formInline.personLiable"
+                                   :disabled="disabled"
+                                   @input="handleInput('personLiable')"
+                                   :placeholder="$t('PleaseSelect')+$t('personLiable')"
+                                   :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('cutoffTime')">{{$t('cutoffTime')}}</span>
+              </div>
+              <a-form-model-item class="itemModel" :prop="'cutoffTime'">
+                <a-date-picker class="box-input"
+                               :placeholder="$t('PleaseSelect')+$t('cutoffTime')"
+                               @change="dateChange({db_field_name:'cutoffTime'})"
+                               format="YYYY-MM-DD"
+                               v-model="formInline.cutoffTime"
+                               :disabled="disabled"
+                               style="width: 100%"/>
+              </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>
+    <uploadFile ref="uploadFile" @uploadSuccess="uploadSuccess"/>
+  </a-drawer>
+</template>
+
+<script>
+  import Standardselection from '@/components/Standardselection/index'
+  import PersonnelSelection from '@/components/PersonnelSelection/index'
+  import { getAction, postAction } from '@/api/manage'
+  import uploadFile from '@/components/uploadFile/file'
+  import moment from 'moment'
+
+  export default {
+    name: 'listEditModel',
+    components: {
+      Standardselection,
+      PersonnelSelection,
+      uploadFile
+    },
+    data() {
+      return {
+        visible: false,
+        confirmLoading: false,
+        rules: {},
+        formInline: {},
+        disabled: false
+      }
+    },
+    mounted() {
+    },
+    methods: {
+      editModel() {
+        this.visible = true
+        this.formInline = {}
+      },
+      clickButtonToUpload(item) {
+        this.$refs.uploadFile.perentHandleFunc()
+        this.$refs.uploadFile.visible = true
+        this.uploadName = item
+        getAction('sys/common/getFileInfos', { id: this.formInline[item] }).then((res) => {
+          if (res.success) {
+            this.$refs.uploadFile.perentHandleFunc(res.result)
+          } else {
+            this.$refs.uploadFile.perentHandleFunc()
+          }
+        })
+      },
+      /** 上传文件的回调 */
+      uploadSuccess(data) {
+        let attIdList = []
+        if (data && data.length > 0) {
+          data.map(item => {
+            attIdList.push(item.id || data.name)
+          })
+        }
+        /** 赋值给当前对应的表单文件 */
+        this.formInline[this.uploadName] = attIdList.join(',')
+        this.formInline = { ...this.formInline }
+      },
+      handleCancel() {
+        this.visible = false
+      },
+      handleSubmit() {
+
+      },
+      handleInput(value) {
+        this.$nextTick(() => {
+          this.formInline = { ...this.formInline }
+          this.$refs.ruleForm.validateField([value])
+        })
+      },
+      StandardselectionChange(value, id) {
+        this.formInline[value + '_id'] = id
+        this.formInline = { ...this.formInline }
+      },
+      dateChange(item) {
+        this.formInline[item.db_field_name] = this.formInline[item.db_field_name] ? moment(this.formInline[item.db_field_name]).format('YYYY-MM-DD') : ''
+      },
+      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;
+  }
+
+  .header-text {
+    font-size: 16px;
+    font-weight: bold;
+    margin-left: 15px;
+    /*border-bottom: 1px #d9d9d9 dashed;*/
+    height: 30px;
+    margin-bottom: 30px;
+  }
+
+  .formAdd {
+    margin-bottom: 40px;
+  }
+
+  .button-text {
+    height: 38px;
+    width: calc(100% - 100px);
+    line-height: 38px;
+    background: #fff;
+    border: 1px #00B3BE solid;
+    color: #00B3BE;
+  }
+
+  .button-text-text {
+    position: absolute;
+    right: -10px;
+    top: -21px;
+    display: inline-block;
+    padding: 6px;
+    border-radius: 50%;
+    background: red;
+    text-align: center;
+    line-height: 6px;
+    color: #fff;
+  }
+
+  .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>

jero-web/src/views/projectManagement/components/listOfRegulations.vue

@@ -0,0 +1,454 @@
+<template>
+  <a-card :bordered="false">
+    <div class="header-text">
+      文档标准
+    </div>
+    <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('standard')">
+              <span>{{$t('standard')}}</span>
+            </div>
+            <a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('standard')"
+                     v-model="queryParam.standard"></a-input>
+          </div>
+        </a-col>
+        <a-col :md="6" :sm="8">
+          <div class="box-title-text">
+            <div class="title-text" :title="$t('title')">
+              <span>{{$t('title')}}</span>
+            </div>
+            <a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('title')"
+                     v-model="queryParam.title"></a-input>
+          </div>
+        </a-col>
+        <a-col :md="6" :sm="8">
+          <div class="box-title-text">
+            <div class="title-text" :title="$t('subtitle')">
+              <span>{{$t('subtitle')}}</span>
+            </div>
+            <a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('subtitle')"
+                     v-model="queryParam.subtitle"></a-input>
+          </div>
+        </a-col>
+        <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-col>
+            </span>
+      </a-row>
+    </div>
+    <div class="table-operator">
+      <div style="float: left;margin-bottom: 19px">
+        <a-icon type="solution" title="发起清单确认" class="operator-text-left"/>
+        <a-icon type="file-protect" title="发起任务确认" class="operator-text-left"/>
+        <a-icon type="file-search" title="变更" class="operator-text-left"/>
+        <a-icon type="bulb" title="定板" class="operator-text-left"/>
+      </div>
+      <div style="float: right;margin-bottom: 19px">
+        <div class="operator-text" v-has="'document:importZip'">
+          <ImportFile :url="url"/>
+        </div>
+        <div @click="handleModule" class="operator-text">
+          <a-icon type="download"/>
+          {{$t('templateDownload')}}
+        </div>
+        <div @click="handleExport" class="operator-text">
+          <a-icon type="export" :rotate="-90"/>
+          {{$t('export')}}
+        </div>
+        <div @click="copyClick" class="operator-text">
+          <a-icon type="copy"/>
+          {{$t('copy')}}
+        </div>
+        <div @click="batSettingClick" class="operator-text">
+          <a-icon type="profile"/>
+          {{$t('Transfer')}}
+        </div>
+        <div @click="handleAdd" class="operator-text">
+          <a-icon type="plus"/>
+          {{$t('add')}}
+        </div>
+        <div @click="handleDel" class="operator-text">
+          <a-icon type="delete"/>
+          {{$t('BatchDelete')}}
+        </div>
+      </div>
+
+    </div>
+    <div style="width: 100%">
+      <a-table
+        ref="table"
+        :loading="loading"
+        :pagination="false"
+        :scroll="{x: true}"
+        rowKey="id"
+        :data-source="dataSource"
+        :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
+        :columns="columns"
+      >
+               <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>
+    <listAddModel ref="addModelRef"/>
+    <listEditModel ref="editModelRef"/>
+  </a-card>
+</template>
+
+<script>
+  import ImportFile from '@/components/ImportFile/index'
+  import listAddModel from './listAddModel'
+  import listEditModel from './listEditModel'
+
+  export default {
+    name: 'listOfRegulations',
+    components: {
+      ImportFile,
+      listAddModel,
+      listEditModel
+    },
+    data() {
+      return {
+        columns: [
+          {
+            title: 'WVTA ID',
+            align: 'center',
+            dataIndex: 'WVTAID',
+            width: 100,
+            fixed: 'left'
+          },
+          {
+            title: this.$t('standard'),
+            align: 'center',
+            dataIndex: 'standard',
+            width: 100,
+            fixed: 'left'
+          },
+          {
+            title: this.$t('title'),
+            align: 'center',
+            dataIndex: 'title',
+            width: 100,
+            fixed: 'left'
+          },
+          {
+            title: this.$t('subtitle'),
+            align: 'center',
+            dataIndex: 'subtitle',
+            width: 100,
+            fixed: 'left'
+          },
+          {
+            title: this.$t('taskReleaseStatus'),
+            align: 'center',
+            dataIndex: 'taskReleaseStatus'
+          },
+          {
+            title: this.$t('correspondingStandard'),
+            align: 'center',
+            dataIndex: 'correspondingStandard'
+          },
+          {
+            title: this.$t('implementationCategory'),
+            align: 'center',
+            dataIndex: 'implementationCategory'
+          },
+          {
+            title: this.$t('ImplementationDate'),
+            align: 'center',
+            dataIndex: 'ImplementationDate'
+          },
+          {
+            title: this.$t('vehicleInProductionDate'),
+            align: 'center',
+            dataIndex: 'vehicleInProductionDate'
+          },
+          {
+            title: this.$t('certificationType'),
+            align: 'center',
+            dataIndex: 'certificationType'
+          },
+          {
+            title: this.$t('certificationLevel'),
+            align: 'center',
+            dataIndex: 'certificationLevel'
+          },
+          {
+            title: this.$t('areaOfResponsibility'),
+            align: 'center',
+            dataIndex: 'areaOfResponsibility'
+          },
+          {
+            title: this.$t('regulatoryEngineer'),
+            align: 'center',
+            dataIndex: 'regulatoryEngineer'
+          },
+          {
+            title: this.$t('engineeringInterfacePerson'),
+            align: 'center',
+            dataIndex: 'engineeringInterfacePerson'
+          },
+          {
+            title: this.$t('remarks'),
+            align: 'center',
+            dataIndex: 'remarks'
+          },
+          {
+            title: this.$t('confirmationOfDesignConformity'),
+            children: [
+              {
+                title: this.$t('task'),
+                dataIndex: 'task',
+                align: 'center'
+              },
+              {
+                title: this.$t('Sponsor'),
+                dataIndex: 'Sponsor',
+                align: 'center'
+              },
+              {
+                title: this.$t('personLiable'),
+                dataIndex: 'personLiable',
+                align: 'center'
+              },
+              {
+                title: this.$t('TaskCutOffTime'),
+                dataIndex: 'TaskCutOffTime',
+                align: 'center'
+              }
+            ]
+          },
+          {
+            title: this.$t('PrehomoConfirmation'),
+            children: [
+              {
+                title: this.$t('task'),
+                dataIndex: 'task',
+                align: 'center'
+              },
+              {
+                title: this.$t('Sponsor'),
+                dataIndex: 'Sponsor',
+                align: 'center'
+              },
+              {
+                title: this.$t('personLiable'),
+                dataIndex: 'personLiable',
+                align: 'center'
+              },
+              {
+                title: this.$t('TaskCutOffTime'),
+                dataIndex: 'TaskCutOffTime',
+                align: 'center'
+              }
+            ]
+          },
+          {
+            title: this.$t('verificationAndConformityconfirmation'),
+            children: [
+              {
+                title: this.$t('task'),
+                dataIndex: 'task',
+                align: 'center'
+              },
+              {
+                title: this.$t('Sponsor'),
+                dataIndex: 'Sponsor',
+                align: 'center'
+              },
+              {
+                title: this.$t('personLiable'),
+                dataIndex: 'personLiable',
+                align: 'center'
+              },
+              {
+                title: this.$t('TaskCutOffTime'),
+                dataIndex: 'TaskCutOffTime',
+                align: 'center'
+              }
+            ]
+          },
+          {
+            title: this.$t('operation'),
+            align: 'center',
+            fixed: 'right',
+            width: 140,
+            scopedSlots: { customRender: 'operation' }
+          }
+        ],
+        selectedRowKeys: [],
+        queryParam: {},
+        url: {},
+        loading: false,
+        dataSource: []
+      }
+    },
+    mounted() {
+    },
+    methods: {
+      handleModule() {
+
+      },
+      handleExport() {
+
+      },
+      copyClick() {
+
+      },
+      batSettingClick() {
+
+      },
+      handleAdd() {
+        this.$refs.addModelRef.addModel()
+      },
+      handleDel() {
+        this.$refs.editModelRef.editModel()
+      },
+      edit() {
+
+      },
+      deleteLib() {
+
+      },
+      onSelectChange() {
+
+      },
+      searchQuery() {
+
+      },
+      searchReset() {
+
+      }
+
+    }
+  }
+</script>
+
+<style lang="less" scoped>
+  @import '~@assets/less/common.less';
+
+  .doc-detail {
+    background: #fff;
+    height: 100%;
+
+    .Virtual-detail-header {
+      width: 100%;
+      height: 68px;
+      line-height: 68px;
+      padding: 0 32px 0 32px;
+      box-sizing: border-box;
+      display: flex;
+      justify-content: space-between;
+      border-bottom: 2px #eff1f3 solid;
+      background: #fff;
+
+      .Virtual-detail-title {
+        display: inline-block;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+        font-size: 20px;
+        font-weight: 400;
+        color: #040B29;
+        line-height: 68px;
+      }
+
+      .doc-detail-right {
+        width: 800px;
+        line-height: 68px;
+        display: flex;
+      }
+    }
+
+    .Virtual-detail-content {
+      padding: 0 38px 0 38px;
+      box-sizing: border-box;
+      font-size: 16px;
+
+      .box-title-text-add {
+        line-height: 1.4;
+      }
+
+      .title-text-add {
+        display: inline-block;
+        font-weight: 500;
+        margin-right: 16px;
+        height: 42px;
+        line-height: 42px;
+      }
+    }
+  }
+
+  .header-text {
+    font-size: 16px;
+    font-weight: 400;
+    height: 60px;
+    color: #000F16;
+    line-height: 40px;
+  }
+
+  .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;
+  }
+
+  .text-operation {
+    margin-right: 8px;
+  }
+
+  .page {
+    text-align: right;
+    margin-top: 20px;
+  }
+
+  .operator-text-left {
+    font-size: 14px;
+    margin-right: 20px;
+    background: #eff1f3;
+    padding: 8px 8px;
+    cursor: pointer;
+    border-radius: 4px;
+  }
+</style>
+<style>
+  .box-input .ant-select-selection {
+    height: 38px !important;
+  }
+
+  .box-input .ant-select-selection__rendered {
+    line-height: 38px;
+  }
+</style>

jero-web/src/views/projectManagement/projectLibrary/index.vue

@@ -196,7 +196,7 @@
       //批量删除
       handleDel() {
         let newUrl = this.$router.resolve({
-          path: '/virtualListDetails',
+          path: '/ProjectDetails',
           query: {}
         })
         window.open(newUrl.href, '_blank')