标准/译文获取申请管理 新增查看页面

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

@@ -76,9 +76,8 @@
       </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  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  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>
@@ -110,8 +109,7 @@ export default {
     handleClose () {
       this.visible = false
     },
-    showModal (isEdit, id) {
+    showModal (id) {
-      this.isEdit = isEdit
       this.visible = true
       this.$nextTick(()=>{
         this.$refs.addFormRef.clearValidate()

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

@@ -0,0 +1,126 @@
+<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" class="label-input-form detail-modal-form">
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="申请单位" prop="SJDW" label-width="100px" class="add-form-item">
+            <span></span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="申请人" prop="SQR" label-width="100px" class="add-form-item">
+            <span></span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="类型" prop="LX" label-width="100px" class="add-form-item">
+            <span></span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="标准类型" prop="BZLX" label-width="100px" class="add-form-item">
+            <span></span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="标准类别" prop="BZLB" label-width="100px" class="add-form-item">
+            <span></span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="标准编号" prop="BZBH" label-width="100px" class="add-form-item">
+            <span></span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="标准年份" prop="BZNF" label-width="100px" class="add-form-item">
+            <span></span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="需求时间" prop="XQSJ" label-width="100px" class="add-form-item">
+            <span></span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="标准名称" prop="BZMC" label-width="100px" class="add-form-item">
+            <span></span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="原语言" prop="YYY" label-width="100px" class="add-form-item">
+            <span></span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="目标语言" prop="MBYY" label-width="100px" class="add-form-item">
+            <span></span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="理由" prop="LY" label-width="100px" class="add-form-item">
+            <span></span>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div class="drawer-footer">
+      <el-button  class="common-button-default" @click="visible=false">关闭</el-button>
+    </div>
+  </el-drawer>
+</template>
+
+<script>
+export default {
+  name: 'AddModal',
+  data () {
+    return {
+      visible: false,
+      direction: 'rtl',
+      addForm: {
+      },
+    }
+  },
+  methods: {
+    handleClose () {
+      this.visible = false
+    },
+    showModal (id) {
+      this.visible = true
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+.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;
+}
+.detail-modal-form {
+  /deep/ .el-form-item__content{
+    line-height: 50px;
+  }
+}
+</style>

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

@@ -109,16 +109,19 @@
       <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>
+    <addModal ref="addModalRef"></addModal>
+    <detailModal ref="detailModalRef"></detailModal>
   </el-dialog>
 </template>
 
 <script>
 import addModal from './addModal';
+import detailModal from './detailModal';
 export default {
   name: 'StandardTranslationAcquisitionRequestModal',
   components: {
-    addModal
+    addModal,
+    detailModal
   },
   data () {
     return {
@@ -140,10 +143,10 @@ export default {
       this.selectedList = value
     },
     toView (id) {
-      this.$refs.addModalRef.showModal(false, id)
+      this.$refs.addModalRef.detailModalRef(id)
     },
     edit (id) {
-      this.$refs.addModalRef.showModal(true, id)
+      this.$refs.addModalRef.showModal(id)
     },
     deletItem(id){
     },
@@ -161,7 +164,7 @@ export default {
     importData () {
     },
     standardTranslationAcquisitionRequestAdd () {
-      this.$refs.addModalRef.showModal(true)
+      this.$refs.addModalRef.showModal()
     },
     submitData (tag) {
       if (tag) {

src/pages/regulatoryRepository/standardTranslationAcquisitionRequest/index.vue

@@ -143,17 +143,20 @@
     </div>
     <standardsAndTranslationModal ref="standardsAndTranslationModalRef" />
     <addModal ref="addModalRef"></addModal>
+    <detailModal ref="detailModalRef"></detailModal>
   </div>
 </template>
 
 <script>
 import standardsAndTranslationModal from './components/standardTranslationAcquisitionRequestModal';
 import addModal from './components/addModal';
+import detailModal from "./components/detailModal";
 export default {
   name: 'StandardTranslationAcquisitionRequest',
   components: {
     standardsAndTranslationModal,
-    addModal
+    addModal,
+    detailModal
   },
   mounted () {
     if (this.$route.query && this.$route.query.tag === 'fromSearchCenter'){
@@ -203,7 +206,7 @@ export default {
     getList () {
     },
     toView (id) {
-      this.$refs.addModalRef.showModal(false, id)
+      this.$refs.detailModalRef.showModal(id)
     },
     pass (id) {
     },