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

2024-03-27 09:54:09 +08:00
parent 5adf282552
commit 1bd438a4bc
7 changed files with 637 additions and 4 deletions
@@ -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>