行政许可

project/xiushan/apps/AppAdministrativeLicense/components/Add.vue

@@ -0,0 +1,165 @@
+<template>
+  <section class="Add">
+    <ai-detail class="add">
+      <template #title>
+        <ai-title :title="params.id ? '行政许可信息详情' : '新增行政许可信息'" :isShowBack="true" :isShowBottomBorder="true" @onBackClick="cancel(false)" />
+      </template>
+      <template #content>
+        <div class="add-form">
+          <ai-bar title="新增许可信息"></ai-bar>
+          <el-form ref="rules" :model="forms" :rules="formRules" size="small"  label-width="150px">
+            <el-form-item label="许可文书名称" prop="num">
+              <el-input v-model="input" placeholder="请输入"></el-input>
+            </el-form-item>
+            <el-row type="flex">
+              <el-col :span="20">
+                <el-form-item label="许可文书号" prop="num">
+                  <el-input v-model="input" placeholder="请输入"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="20">
+                <el-form-item label="许可决定日期" prop="num">
+                  <el-input v-model="input" placeholder="请输入"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row type="flex">
+              <el-col :span="20">
+                <el-form-item label="许可有效期自" prop="num">
+                  <el-date-picker v-model="value1" type="date" placeholder="选择日期" style="width:375px">
+                  </el-date-picker>
+                </el-form-item>
+              </el-col>
+              <el-col :span="20">
+                <el-form-item label="许可有效期至" prop="num">
+                  <ai-select v-model="readType" @change="onChange" placeholder="请选择文档类型" :selectList="$dict.getDict('readType')"></ai-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-form-item label="许可机关" prop="num">
+              <el-input v-model="input" placeholder="请输入"></el-input>
+            </el-form-item>
+            <el-row type="flex">
+              <el-col :span="20">
+                <el-form-item label="经营主体" prop="num">
+                  <el-input v-model="input" placeholder="请输入"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="20">
+                <el-form-item label="统一信用代码" prop="num">
+                  <el-input v-model="input" placeholder="请输入"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-form-item label="许可内容" prop="num">
+              <el-input v-model="input" placeholder="请输入许可内容" type="textarea" show-word-limit maxlength="500" :rows="5"></el-input>
+            </el-form-item>
+          </el-form>
+        </div>
+      </template>
+      <template slot="footer" class="footer">
+        <el-button class="delete-btn footer-btn" @click="cancel(false)">取消</el-button>
+        <el-button class="footer-btn" type="primary" @click="onSubmit('0')">保存</el-button>
+      </template>
+    </ai-detail>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "Add",
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function,
+    params: Object,
+  },
+  computed: {
+    formRules() {
+      return {
+        num: [{required: true,message:"请输入执行编号",trigger: "blur"}]
+      }
+    }
+  },
+  data() {
+    return {
+      forms
+    }
+  },
+  created() {},
+  methods: {
+    cancel(isRefresh) {
+      this.$emit('change', {
+        type: 'List',
+        isRefresh: !!isRefresh,
+      })
+    },
+  },
+
+}
+</script>
+
+<style lang="scss" scoped>
+.Add {
+  height: 100%;
+  overflow: hidden;
+  background: #f2f4f6 !important;
+
+  .add-form__item {
+    display: flex;
+    align-items: center;
+  }
+
+  ::v-deep .el-form-item__label {
+    padding-right: 40px;
+  }
+
+  ::v-deep .ai-detail__footer {
+    background: #fff !important;
+  }
+
+  ::v-deep .ai-detail__content--active {
+    padding: 20px;
+
+    .ai-detail__content--wrapper {
+      width: 100%;
+    }
+
+    .aibar {
+      padding: 0 16px;
+    }
+
+    .el-form {
+      padding: 0 96px 20px 50px;
+    }
+
+    .add-form {
+      background: #fff;
+    }
+  }
+
+  ::v-deep .ai-wrapper {
+    align-items: inherit !important;
+  }
+
+  .user-wrapper {
+    display: flex;
+    justify-content: space-between;
+  }
+
+  .avatar {
+    width: 100px;
+    height: 100px;
+    object-fit: contain;
+    border-radius: 10px;
+  }
+
+  .footer-btn {
+    width: 130px;
+  }
+
+  .el-form {
+    padding-bottom: 80px;
+  }
+}
+</style>