Merge branch 'dev_xzeq_xz' of http://47.92.108.28/changchao/founder_vue into dev_xzeq_xz

src/views/xsspPt/jzLb/queryJzlb.vue

@@ -21,6 +21,61 @@
         <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="ruleForm"
+            :rules="rules"
+            ref="ruleForm"
+            label-width="100px"
+            class="demo-ruleForm"
+          >
+            <el-form-item label="活动名称:" prop="name">
+              <el-input v-model="ruleForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="活动区域:" prop="region">
+              <el-select v-model="ruleForm.region" placeholder="请选择活动区域">
+                <el-option label="区域一" value="shanghai"></el-option>
+                <el-option label="区域二" value="beijing"></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="submitForm('ruleForm')"
+                >立即创建</el-button
+              >
+              <el-button @click="resetForm('ruleForm')">重置</el-button>
+            </el-form-item>
+          </el-form>
+        </el-tab-pane>
+        <el-tab-pane label="手动录入">
+          <el-form
+            :model="ruleForm"
+            :rules="rules"
+            ref="ruleForm"
+            label-width="100px"
+            class="demo-ruleForm"
+          >
+            <el-form-item label="活动名称" prop="name">
+              <el-input v-model="ruleForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="活动区域" prop="region">
+              <el-select v-model="ruleForm.region" placeholder="请选择活动区域">
+                <el-option label="区域一" value="shanghai"></el-option>
+                <el-option label="区域二" value="beijing"></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="submitForm('ruleForm')"
+                >立即创建</el-button
+              >
+              <el-button @click="resetForm('ruleForm')">重置</el-button>
+            </el-form-item>
+          </el-form>
+        </el-tab-pane>
+      </el-tabs>
+    </el-dialog>
   </div>
 </template>
 
@@ -34,6 +89,21 @@ export default {
   },
   data() {
     return {
+      rules: {
+        name: [
+          { required: true, message: "请输入活动名称", trigger: "blur" },
+          { min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur" },
+        ],
+        region: [
+          { required: true, message: "请选择活动区域", trigger: "change" },
+        ],
+      },
+      dialogFormVisible: false,
+      formLabelWidth: "120px",
+      ruleForm: {
+        region: "",
+        name: "",
+      },
       header: "线索审批管理平台",
       pageBs: "queryJz",
       cxFormData: {
@@ -181,8 +251,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 +292,6 @@ export default {
 };
 </script>
 <style>
-.el-dialog__body {
-  padding: 10px 15px !important;
-}
 .rightContent .el-input__inner,
 #formCommonPage .el-input__inner {
   height: 32px;
@@ -267,8 +336,18 @@ export default {
 }
 </style>
 <style scoped lang="scss">
-.el-form-item {
+/deep/.el-form-item {
   margin: 15px 0 20px 0;
+  width: 698px !important;
+  .el-form-item__content {
+    line-height: 40px;
+    position: relative;
+    font-size: 14px;
+    width: 219px;
+  }
+}
+/deep/ .el-dialog__body {
+  padding: 0px 0px !important;
 }
 .red {
   color: red;