卷宗新增

src/views/xsspPt/jzLb/queryJzlb.vue

@@ -21,6 +21,49 @@
         <span class="hbyp" @click="dele(scope.scope)">删除</span>
       </template>
     </right-content>
+    <!-- 卷宗新增 -->
+    <el-dialog title="新增卷宗" :visible.sync="dialogFormVisible">
+      <el-tabs type="border-card">
+        <el-tab-pane label="自动录入">
+          <el-form :model="form">
+            <el-form-item label="活动名称" :label-width="formLabelWidth">
+              <el-input v-model="form.name" autocomplete="off"></el-input>
+            </el-form-item>
+            <el-form-item label="活动区域" :label-width="formLabelWidth">
+              <el-select v-model="form.region" placeholder="请选择活动区域">
+                <el-option label="区域一" value="shanghai"></el-option>
+                <el-option label="区域二" value="beijing"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-form>
+          <div class="dialog-footer">
+            <el-button @click="dialogFormVisible = false">取 消</el-button>
+            <el-button type="primary" @click="dialogFormVisible = false"
+              >确 定</el-button
+            >
+          </div>
+        </el-tab-pane>
+        <el-tab-pane label="手动录入">
+          <el-form :model="form">
+            <el-form-item label="活动名称" :label-width="formLabelWidth">
+              <el-input v-model="form.name" autocomplete="off"></el-input>
+            </el-form-item>
+            <el-form-item label="活动区域" :label-width="formLabelWidth">
+              <el-select v-model="form.region" placeholder="请选择活动区域">
+                <el-option label="区域一" value="shanghai"></el-option>
+                <el-option label="区域二" value="beijing"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-form>
+          <div slot="footer" class="dialog-footer">
+            <el-button @click="dialogFormVisible = false">取 消</el-button>
+            <el-button type="primary" @click="dialogFormVisible = false"
+              >确 定</el-button
+            >
+          </div>
+        </el-tab-pane>
+      </el-tabs>
+    </el-dialog>
   </div>
 </template>
 
@@ -34,6 +77,12 @@ export default {
   },
   data() {
     return {
+      dialogFormVisible: false,
+      formLabelWidth: "120px",
+      form: {
+        region: "",
+        name: "",
+      },
       header: "线索审批管理平台",
       pageBs: "queryJz",
       cxFormData: {
@@ -181,8 +230,10 @@ export default {
     this.$store.commit("user/SET_Header", this.header);
   },
   methods: {
+    add() {
+      this.dialogFormVisible = true;
+    },
     dele(obj) {
-
       console.log(obj.row);
       this.$confirm("此操作将永久删除此卷宗, 是否继续?", "提示", {
         confirmButtonText: "确定",
@@ -220,9 +271,7 @@ export default {
 };
 </script>
 <style>
-.el-dialog__body {
-  padding: 10px 15px !important;
-}
+
 .rightContent .el-input__inner,
 #formCommonPage .el-input__inner {
   height: 32px;
@@ -270,6 +319,9 @@ export default {
 .el-form-item {
   margin: 15px 0 20px 0;
 }
+/deep/.el-dialog__body {
+  padding: 0px 0px !important;
+}
 .red {
   color: red;
 }