Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web

 <template>
 <template>
-  <dialogBox title="其他及附记模板" @submitForm="submitForm" @closeDialog="closeDialog" v-model="value">
+  <dialogBox title="其他及附记模板" @submitForm="submitForm" width="60%" @closeDialog="closeDialog" v-model="value">
+    <div class="qtjfjmb-edit-title">
+      <b>权利信息</b>
+    </div>
+    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="140px">
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="权利类型编码" prop="qllxbm">
+            <el-input v-model="ruleForm.qllxbm"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="权利类型名称" prop="qllxmc">
+            <el-input v-model="ruleForm.qllxmc"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="12">
+          <el-form-item label="不动产权类型" prop="bdcqlx">
+            <el-select v-model="ruleForm.bdcqlx" class="width100" placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="打印模板" prop="dymb">
+            <el-input v-model="ruleForm.dymb"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <el-form-item label="权利其他状况模板" prop="qlqtztmb">
+            <el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="ruleForm.qlqtztmb">
+            </el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
 
 
+      <div class="qtjfjmb-edit-title">
+        <b>附记内容设置</b>
+      </div>
+      <ul>
+        <li v-for="(item, index) in titleList" @click="handleSelect(index)" :class="{ 'active': n == index }"
+          :key="index">{{ item.name }}</li>
+      </ul>
+      <el-row v-if="n == 0">
+        <el-col :span="24">
+          <el-form-item label="附记模板1" prop="fjmb1">
+            <el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="ruleForm.fjmb1">
+            </el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row v-else-if="n == 1">
+        <el-col :span="24">
+          <el-form-item label="附记模板2" prop="fjmb2">
+            <el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="ruleForm.fjmb2">
+            </el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
   </dialogBox>
   </dialogBox>
 </template>
 </template>
 
 
@@ -13,10 +76,66 @@ export default {
   },
   },
   data () {
   data () {
     return {
     return {
-
+      n: 0,
+      ruleForm: {
+        qllxbm: '',
+        qllxmc: '',
+        bdcqlx: '',
+        dymb: '',
+        qlqtztmb: '',
+        fjmb1: '',
+        fjmb2: ''
+      },
+      options: [],
+      rules: {
+        qllxbm: [
+          { required: true, message: '请输入权利类型编码', trigger: 'blur' }
+        ],
+        qllxmc: [
+          { required: true, message: '请输入权利类型名称', trigger: 'blur' }
+        ],
+        bdcqlx: [
+          { required: true, message: '请选择不动产权类型', trigger: 'change' }
+        ],
+        dymb: [
+          { required: true, message: '请输入打印模板', trigger: 'blur' }
+        ],
+        qlqtztmb: [
+          { required: true, message: '请输入权利其他状况模板', trigger: 'blur' }
+        ],
+        fjmb: [
+          { required: true, message: '请输入附记模板', trigger: 'blur' }
+        ],
+      },
+      titleList: [
+        {
+          name: '首次登记'
+        },
+        {
+          name: '转移登记'
+        },
+        {
+          name: '变更登记'
+        },
+        {
+          name: '注销登记'
+        },
+        {
+          name: '更正登记'
+        },
+        {
+          name: '补证登记'
+        },
+        {
+          name: '换证登记'
+        }
+      ]
     }
     }
   },
   },
   methods: {
   methods: {
+    handleSelect (index) {
+      this.n = index
+    },
     submitForm () {
     submitForm () {
       this.$emit('input', false)
       this.$emit('input', false)
     },
     },
@@ -28,4 +147,36 @@ export default {
 </script>
 </script>
 <style scoped lang="scss">
 <style scoped lang="scss">
 @import "~@/styles/mixin.scss";
 @import "~@/styles/mixin.scss";
+
+.qtjfjmb-edit-title {
+  padding-bottom: 10px;
+  border-bottom: 1px solid $borderColor;
+  margin-bottom: 10px;
+}
+
+ul {
+  @include flex;
+  border-radius: 5px;
+  overflow: hidden;
+  margin-bottom: 20px;
+
+  .active {
+    background: $light-blue;
+    color: #fff;
+  }
+
+  li {
+    flex: 1;
+    line-height: 36px;
+    @include flex-center;
+    border: 1px solid $borderColor;
+    margin-left: -1px;
+    cursor: pointer;
+    transition: all 0.3s;
+
+    &:hover {
+      @extend .active;
+    }
+  }
+}
 </style>
 </style>

@@ -28,14 +28,17 @@
         :data="tableData.data">
         :data="tableData.data">
       </lb-table>
       </lb-table>
     </div>
     </div>
+    <editDialog v-model="isDialog" />
   </div>
   </div>
 </template>
 </template>
 <script>
 <script>
 import table from "@/utils/mixin/table"
 import table from "@/utils/mixin/table"
 import { datas, sendThis } from "./qtjfjmb"
 import { datas, sendThis } from "./qtjfjmb"
+import editDialog from "./components/editDialog.vue"
 export default {
 export default {
   name: "djbcx",
   name: "djbcx",
   components: {
   components: {
+    editDialog
   },
   },
   mixins: [table],
   mixins: [table],
   mounted () {
   mounted () {