diff --git a/src/views/archivesManage/lendManage/lendProcess/index.vue b/src/views/archivesManage/lendManage/lendProcess/index.vue
new file mode 100644
index 0000000..a2a92da
--- /dev/null
+++ b/src/views/archivesManage/lendManage/lendProcess/index.vue
@@ -0,0 +1,58 @@
+<template>
+  <div>
+    <headSlot>
+      <h2>借阅规则</h2>
+    </headSlot>
+    <div class="content-container">
+      <div class="state-radio">
+        <p>
+          <label>
+            <input v-model="lineStateVal" type="radio" name="lineState" value="在线" @click="handleOnLine"><span>在线（直接完成借阅操作）</span>
+          </label>
+        </p>
+        <p>
+          <label>
+            <input v-model="lineStateVal" type="radio" name="lineState" value="离线"><span>离线（发起借阅操作后，将借阅的档案放在读写器上进行识别，将带有电子标签的档案的报警位进行解绑或绑定）</span>
+          </label>
+        </p>
+        <!-- <button @click="btn">测试按钮</button> -->
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import headSlot from '../components/headSlot.vue'
+
+export default {
+  components: { headSlot },
+  data() {
+    return {
+      lineStateVal: ''
+    }
+  },
+  methods: {
+    // btn() {
+    //   console.log(this.lineStateVal)
+    // }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+h2{
+  color: #fff;
+}
+p{
+  height: 32px;
+  line-height: 32px;
+  input{
+    margin-right: 10px;
+  }
+}
+.content-container{
+  height:636px;
+  color: #fff;
+  padding: 0 20px;
+}
+</style>