标准及译文获取申请需求确认单 基础样式

src/App.vue

@@ -10,7 +10,7 @@
 <!--                scrolling="0"-->
 <!--        ></iframe>-->
         <!--   数小福   -->
-        <customerService v-if="customerServiceShow"></customerService>
+<!--        <customerService v-if="customerServiceShow"></customerService>-->
         <!--    <router-view v-if="!isBoolean"/>-->
         <span v-if="this.$route.name === 'Login'|| !isBoolean">
           <keep-alive>

src/components/navMenu/index.vue

@@ -40,7 +40,7 @@
                     v-for="(children, childrenIndex) in item.children"
                     :key="childrenIndex"
                     :index="children.path"
-                    style="text-align: center;"
+                    style="padding-right: 15px; padding-left: 30px;font-size: 14px"
                     v-if="!children.menuId || $hasPermission(children.menuId)"itemSplitInfo
             >
               <el-badge :value="getDynamicTotal.msgCount" class="item" v-if="children.title === '我的消息' && getDynamicTotal.msgCount !== 0">
@@ -52,6 +52,9 @@
               <el-badge :value="getDynamicTotal.myStandCount" class="item" v-else-if="children.title === '我的企标' && getDynamicTotal.myStandCount !== 0">
                 {{ children.title }}
               </el-badge>
+              <el-badge is-dot class="item miniBadge" v-else-if="children.title === '标准/译文获取申请管理'">
+                <div>{{children.title}}</div>
+              </el-badge>
               <div v-else>
                 {{ children.title }}
               </div>
@@ -161,6 +164,11 @@
                 path: '/standQA',
                 menuId: '2621269642ea4c6c8c42905863b2dc09'
               },
+              {
+                title: '标准/译文获取申请管理',
+                path: '/standardTranslationAcquisitionRequest',
+                menuId: ''
+              },
               // {
               //   title: '零部件编号申请',
               //   path: '/partCodeApply',
@@ -606,6 +614,7 @@
     width: 58px;
     height: 100%;
     overflow-y: auto;
+    overflow-x: hidden;
     user-select: none;
     box-sizing: border-box;
     position: absolute;
@@ -785,7 +794,7 @@
       }
     }
     .el-menu-item {
-      padding-left: 0 !important;
+      //padding-left: 0 !important;
       font-size: 16px;
       font-weight: normal;
       height: 40px;
@@ -812,5 +821,10 @@
       }
     }
   }
-
+  .miniBadge{
+    /deep/ .is-dot{
+      left: -18px;
+      top: 14px;
+    }
+  }
 </style>

src/pages/regulatoryRepository/standardTranslationAcquisitionRequest/components/addModal.vue

@@ -0,0 +1,149 @@
+<template>
+  <el-drawer
+    title="新增标准/译文获取申请"
+    :visible.sync="visible"
+    :direction="direction"
+    :append-to-body="true"
+    :wrapper-closable="false"
+    :before-close="handleClose"
+    size="40%"
+  >
+    <el-form ref="addFormRef" :model="addForm" :rules="addFormRules" class="label-input-form">
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="申请单位" prop="SJDW" label-width="100px" class="add-form-item">
+            <el-input v-model="addForm.SJDW" readonly clearable></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="申请人" prop="SQR" label-width="100px" class="add-form-item">
+            <el-input v-model="addForm.SQR" readonly clearable></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="类型" prop="LX" label-width="100px" class="add-form-item">
+            <el-select v-model="addForm.LX" placeholder="请选择类型">
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="标准类型" prop="BZLX" label-width="100px" class="add-form-item">
+            <el-select v-model="addForm.LX" placeholder="请选择标准类型">
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="标准类别" prop="BZLB" label-width="100px" class="add-form-item">
+            <el-select v-model="addForm.LX" placeholder="请选择标准类别">
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="标准编号" prop="BZBH" label-width="100px" class="add-form-item">
+            <el-input v-model="addForm.BZBH" placeholder="请输入标准编号" clearable></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="标准年份" prop="BZNF" label-width="100px" class="add-form-item">
+            <el-input v-model="addForm.BZNF" placeholder="请输入标准年份" clearable></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="需求时间" prop="XQSJ" label-width="100px" class="add-form-item">
+            <el-input v-model="addForm.XQSJ" placeholder="请输入需求时间" clearable></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="标准名称" prop="BZMC" label-width="100px" class="add-form-item">
+            <el-input v-model="addForm.BZMC" placeholder="请输入标准名称" clearable></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="原语言" prop="YYY" label-width="100px" class="add-form-item">
+            <el-input v-model="addForm.YYY" placeholder="请输入原语言" clearable></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="目标语言" prop="MBYY" label-width="100px" class="add-form-item">
+            <el-input v-model="addForm.MBYY" placeholder="请输入目标语言" clearable></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="理由" prop="LY" label-width="100px" class="add-form-item">
+            <el-input v-model="addForm.LY" placeholder="请输入理由" type="textarea"   :autosize="{ minRows: 10,maxRows: 10}" clearable></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div class="drawer-footer">
+        <el-button v-show="isEdit" type="primary"  class="common-button-primary" icon="el-icon-check" :loading="isSubmit" @click="submit">提交</el-button>
+        <el-button v-show="isEdit" class="common-button-default" icon="el-icon-close" @click="visible=false">取消</el-button>
+        <el-button v-show="!isEdit" class="common-button-default"  @click="visible=false">关闭</el-button>
+    </div>
+  </el-drawer>
+</template>
+
+<script>
+export default {
+  name: 'AddModal',
+  data () {
+    return {
+      visible: false,
+      direction: 'rtl',
+      isSubmit: false,
+      addForm: {
+      },
+      addFormRules: {
+        SJDW: [{required: true, message: '申请单位不能为空', trigger: 'blur'}],
+        SQR: [{required: true, message: '申请人不能为空', trigger: 'blur'}],
+        LX: [{required: true, message: '类型不能为空', trigger: 'blur'}],
+        BZLX: [{required: true, message: '标准类型类型不能为空', trigger: 'blur'}],
+        BZLB: [{required: true, message: '标准类型类别不能为空', trigger: 'blur'}],
+        BZBH: [{required: true, message: '标准编号不能为空', trigger: 'blur'},{max: 100, message: '标准编号不能超过100个字符'}],
+        BZMC: [{required: true, message: '标准名称不能为空', trigger: 'blur'},{max: 100, message: '标准编号不能超过100个字符'}],
+        LY: [{required: true, message: '理由不能为空', trigger: 'blur'}, {max: 500, message: '理由不能超过500个字符', trigger: 'blur'}],
+      },
+      isEdit: false
+    }
+  },
+  methods: {
+    handleClose () {
+      this.visible = false
+    },
+    showModal (isEdit, id) {
+      this.isEdit = isEdit
+      this.visible = true
+      this.$nextTick(()=>{
+        this.$refs.addFormRef.clearValidate()
+        this.addForm = {}
+      })
+    },
+    submit () {
+      this.$refs.addFormRef.validate((valid) => {
+        if (valid) {
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.label-input-form{
+  padding: 0 19px;
+}
+.drawer-footer {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: 100%;
+  padding: 0 20px;
+  height: 70px;
+  line-height: 69px;
+  border-top: 1px solid #e8e8e8;
+  text-align: right;
+  background: #fff;
+  z-index: 999;
+}
+</style>

src/pages/regulatoryRepository/standardTranslationAcquisitionRequest/components/standardTranslationAcquisitionRequestModal.vue

@@ -0,0 +1,195 @@
+<template>
+  <el-dialog
+    title="标准/译文获取申请"
+    width="70%"
+    :visible.sync="visible"
+    :before-close="handleClose"
+  >
+    <div class="operate">
+      <el-button size="mini" type="primary" @click="standardTranslationAcquisitionRequestAdd">新增标准/译文获取申请</el-button>
+      <el-button size="mini" type="primary" @click="importData">导入</el-button>
+      <el-button size="mini" @click="templateDownload">模版下载</el-button>
+      <el-button size="mini" @click="batchDelete">批量删除</el-button>
+    </div>
+    <div class="table-container">
+      <el-table
+          ref="selections"
+          tooltip-effect="dark"
+          style="width: 100%; flex: auto;"
+          class="drag-table"
+          height="300px"
+          row-key="id"
+          border
+          :loading="tableLoading"
+          :data="tableData"
+          @selection-change="handleSelectionChange"
+          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px', fontWeight: 'bold', height: '48px'}"
+      >
+        <el-table-column
+            type="selection"
+            width="55"
+        />
+
+        <el-table-column
+            type="index"
+            fixed="left"
+            width="55"
+            label="序号"
+            align="center"
+        />
+
+        <el-table-column
+            show-overflow-tooltip
+            label="类型"
+            prop="classification"
+            align="center"
+            min-width="100"
+        />
+
+        <el-table-column
+            show-overflow-tooltip
+            label="标准编号"
+            width="150"
+            align="center"
+            prop="standardEncdoing"
+        />
+        <el-table-column
+            show-overflow-tooltip
+            label="标准名称"
+            prop="standardName"
+            align="center"
+            min-width="150"
+        />
+        <el-table-column
+            show-overflow-tooltip
+            label="原语言"
+            prop="problemDescription"
+            align="center"
+            min-width="100"
+        />
+        <el-table-column
+            show-overflow-tooltip
+            label="目标语言"
+            prop="problemDescription"
+            align="center"
+            min-width="100"
+        />
+        <el-table-column
+            show-overflow-tooltip
+            label="理由"
+            prop="problemDescription"
+            align="center"
+            min-width="300"
+        />
+        <el-table-column
+            show-overflow-tooltip
+            label="申请状态"
+            prop="problemDescription"
+            align="center"
+            min-width="100"
+        />
+        <el-table-column label="操作" align="center" width="200" fixed="right">
+          <template slot-scope="scope">
+            <div class="table-operate-btn" @click="toView(scope.row.id)">查看</div>
+            <div class="table-operate-btn" @click="edit(scope.row.id)">编辑</div>
+            <div class="table-operate-btn" @click="deleteItem(scope.row.id)">删除</div>
+          </template>
+        </el-table-column>
+      </el-table>
+      <!--分页-->
+      <pagination
+          style="position: relative;"
+          :page="serachForm.page"
+          :total="serachForm.total"
+          @pageChange="pageChange"
+          @pageSizeChange="pageSizeChange"
+      />
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button size="mini" type="primary" @click="submitData(0)">保存</el-button>
+      <el-button size="mini" type="primary" @click="submitData(1)">提交</el-button>
+    </span>
+    <add-modal ref="addModalRef"></add-modal>
+  </el-dialog>
+</template>
+
+<script>
+import addModal from './addModal';
+export default {
+  name: 'StandardTranslationAcquisitionRequestModal',
+  components: {
+    addModal
+  },
+  data () {
+    return {
+      visible: false,
+      tableLoading: false,
+      tableData: [],
+      serachForm: {},
+      selectedList: []
+    }
+  },
+  methods: {
+    showModal () {
+      this.visible = true
+    },
+    handleClose () {
+      this.visible = false
+    },
+    handleSelectionChange (value) {
+      this.selectedList = value
+    },
+    toView (id) {
+      this.$refs.addModalRef.showModal(false, id)
+    },
+    edit (id) {
+      this.$refs.addModalRef.showModal(true, id)
+    },
+    deletItem(id){
+    },
+    templateDownload () {
+    },
+    batchDelete () {
+      if (this.selectedList.length === 0) {
+        this.$message({
+          message: '请选择至少一条数据',
+          type: 'warning',
+          offset: 20
+        })
+      }
+    },
+    importData () {
+    },
+    standardTranslationAcquisitionRequestAdd () {
+      this.$refs.addModalRef.showModal(true)
+    },
+    submitData (tag) {
+      if (tag) {
+        return
+      }
+    },
+    pageChange (page) {
+      this.questionSerach.page = page
+      this.getList()
+    },
+    pageSizeChange (pageSize) {
+      this.questionSerach.pageSize = pageSize
+      this.getList()
+    },
+  }
+}
+</script>
+
+<style scoped>
+.operate{
+  display: flex;
+  justify-content: right;
+  margin-bottom: 5px;
+}
+.table-operate-btn{
+  display: inline-block;
+  cursor: pointer;
+  color: #409EFF;
+  margin: 0 5px;
+}
+</style>

src/pages/regulatoryRepository/standardTranslationAcquisitionRequest/index.vue

@@ -0,0 +1,256 @@
+<template>
+  <div class="standardTranslationAcquisitionRequest">
+    <div class="search-area">
+      <el-form :inline="true" :model="searchForm">
+        <el-form-item class="el-form-item search-item" label="类型">
+          <el-select v-model="searchForm.LX" clearable placeholder="请选择类型" />
+        </el-form-item>
+        <el-form-item class="el-form-item search-item" label="申请单位">
+          <el-input v-model="searchForm.SJDW" placeholder="请选择申请单位" />
+        </el-form-item>
+        <el-form-item class="el-form-item search-item" label="申请人">
+          <el-input v-model="searchForm.SQR" placeholder="请选择申请人" />
+        </el-form-item>
+        <el-form-item class="el-form-item search-item" style="margin-right: 0" label="需求时间">
+          <el-date-picker
+            v-model="searchForm.startTimeBegin"
+            value-format="yyyy-MM-dd"
+            format="yyyy-MM-dd"
+            type="date"
+            clearable
+            :editable="true"
+            placeholder="请选择开始时间"
+          />
+        </el-form-item>
+        <el-form-item label="至" label-width="25px" class="search-item">
+          <el-date-picker
+            v-model="searchForm.startTimeEnd"
+            value-format="yyyy-MM-dd"
+            format="yyyy-MM-dd"
+            type="date"
+            clearable
+            :editable="true"
+            placeholder="选择结束时间"
+          />
+        </el-form-item>
+        <el-form-item class="el-form-item search-item" label="申请状态">
+          <el-select v-model="searchForm.SJZT" clearable placeholder="请选择申请状态" />
+        </el-form-item>
+        <el-form-item>
+          <el-button size="mini" type="primary" @click="searchData">查询</el-button>
+          <el-button size="mini" @click="clearSerach">清空</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <div class="table-container">
+      <div class="operate-options">
+        <div>
+          <el-button size="mini" type="danger" @click="batchOverrule">批量驳回</el-button>
+          <el-button size="mini" type="primary" @click="batchPass">批量通过</el-button>
+        </div>
+        <div>
+          <el-button size="mini" type="primary" @click="standardsAndTranslationRequest">标准/译文获取申请</el-button>
+          <el-button size="mini" @click="exportList">列表导出</el-button>
+        </div>
+      </div>
+      <el-table
+        ref="selections"
+        tooltip-effect="dark"
+        style="width: 100%; flex: auto;"
+        class="drag-table"
+        height="86%"
+        row-key="id"
+        border
+        :loading="tableLoading"
+        :data="tableData"
+        :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px', fontWeight: 'bold', height: '48px'}"
+        @selection-change="handleSelectionChange">
+        <el-table-column
+          type="selection"
+          width="55"
+        />
+        <el-table-column
+          type="index"
+          fixed="left"
+          width="55"
+          label="序号"
+          align="center"
+        />
+        <el-table-column
+          show-overflow-tooltip
+          label="类型"
+          prop=""
+          align="center"
+          min-width="100"
+        />
+        <el-table-column
+          show-overflow-tooltip
+          label="标准编号"
+          width="150"
+          align="center"
+          prop="aa"
+        />
+        <el-table-column
+          show-overflow-tooltip
+          label="标准名称"
+          prop="standardName"
+          align="center"
+          min-width="150"
+        />
+        <el-table-column
+          show-overflow-tooltip
+          label="原语言"
+          prop=""
+          align="center"
+          min-width="100"
+        />
+        <el-table-column
+          show-overflow-tooltip
+          label="目标语言"
+          prop=""
+          align="center"
+          min-width="100"
+        />
+        <el-table-column
+          show-overflow-tooltip
+          label="理由"
+          prop=""
+          align="center"
+          min-width="300"
+        />
+        <el-table-column
+          show-overflow-tooltip
+          label="申请状态"
+          prop=""
+          align="center"
+          min-width="100"
+        />
+        <el-table-column label="操作" align="center" width="200" fixed="right">
+          <template slot-scope="scope">
+            <div class="table-operate-btn" @click="toView(scope.row.id)">查看</div>
+            <div class="table-operate-btn" @click="pass(scope.row.id,'down')">通过</div>
+            <div class="table-operate-btn" @click="overrule(scope.row.id,'down')">驳回</div>
+          </template>
+        </el-table-column>
+      </el-table>
+      <pagination
+        style="position: relative;"
+        :page="searchForm.page"
+        :total="searchForm.total"
+        @pageChange="pageChange"
+        @pageSizeChange="pageSizeChange"
+      />
+    </div>
+    <standardsAndTranslationModal ref="standardsAndTranslationModalRef" />
+    <addModal ref="addModalRef"></addModal>
+  </div>
+</template>
+
+<script>
+import standardsAndTranslationModal from './components/standardTranslationAcquisitionRequestModal';
+import addModal from './components/addModal';
+export default {
+  name: 'StandardTranslationAcquisitionRequest',
+  components: {
+    standardsAndTranslationModal,
+    addModal
+  },
+  mounted () {
+    if (this.$route.query && this.$route.query.tag === 'fromSearchCenter'){
+      this.standardsAndTranslationRequest()
+      this.$router.replace({ query: { ...this.$route.query, tag: undefined } })
+    }
+  },
+  data () {
+    return {
+      tableLoading: false,
+      total: 0,
+      searchForm: {
+        page: 1,
+        pageSize: this.$store.getters.userInfo.configContent,
+      },
+      tableData: [{aa: '123'}],
+      selectedList: []
+    }
+  },
+  methods: {
+    searchData () {
+      this.getList()
+    },
+    clearSerach () {
+      this.searchForm = {}
+    },
+    batchPass () {
+      if (this.selectedList.length === 0) {
+        this.$message({
+          message: '请选择至少一条数据',
+          type: 'warning',
+          offset: 20
+        })
+      }
+    },
+    batchOverrule () {
+      if (this.selectedList.length === 0) {
+        this.$message({
+          message: '请选择至少一条数据',
+          type: 'warning',
+          offset: 20
+        })
+      }
+    },
+    exportList () {
+    },
+    getList () {
+    },
+    toView (id) {
+      this.$refs.addModalRef.showModal(false, id)
+    },
+    pass (id) {
+    },
+    overrule (id) {
+    },
+    standardsAndTranslationRequest () {
+      this.$refs.standardsAndTranslationModalRef.showModal()
+    },
+    pageChange (page) {
+      this.questionSerach.page = page
+      this.getList()
+    },
+    pageSizeChange (pageSize) {
+      this.questionSerach.pageSize = pageSize
+      this.getList()
+    },
+    formatClassification () {
+    },
+    handleSelectionChange (value) {
+      this.selectedList = value
+    }
+  },
+}
+</script>
+
+<style scoped lang="less">
+.standardTranslationAcquisitionRequest {
+  height: 94%;
+
+  .table-container {
+    background-color: white;
+    padding: 0 10px;
+    height: 100%;
+
+    .operate-options {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding-bottom: 10px;
+    }
+  }
+
+  .table-operate-btn{
+    display: inline-block;
+    cursor: pointer;
+    color: #409EFF;
+    margin: 0 5px;
+  }
+}
+</style>

src/pages/searchCenter/pages/standardSearch/index.vue

@@ -81,6 +81,7 @@
           <div>首页</div>
         </router-link>
       </div>
+      <el-button @click="toStandardTranslationAcquisitionRequest" style="margin-left: auto" type="primary" size="mini">标准/译文获取申请</el-button>
     </div>
     <div class="main">
       <loading :loading="loading">数据获取中</loading>
@@ -236,6 +237,15 @@ export default {
     this.getData()
   },
   methods: {
+    toStandardTranslationAcquisitionRequest () {
+      let url = this.$router.resolve({
+        name: 'standardTranslationAcquisitionRequest',
+        query: {
+          tag: 'fromSearchCenter'
+        }
+      })
+      window.open(url.href, '_blank')
+    },
     onSearch () {
       this.searchForm.page = 1
       this.getData()

src/router/index.js

@@ -4112,6 +4112,15 @@ const routes = [
           menuId: ''
         }
       },
+      {
+        path: '/standardTranslationAcquisitionRequest',
+        name: 'standardTranslationAcquisitionRequest',
+        component: () => import('@/pages/regulatoryRepository/standardTranslationAcquisitionRequest'),
+        meta: {
+          requireAuth: true,
+          title: '标准/译文获取申请管理'
+        }
+      },
       // 本地产品/项目库详情页
       {
         path: '/localProductDetail',