style:其他及附记模板

@@ -5,4 +5,4 @@ NODE_ENV=development
 VUE_APP_BASE_API = '/dev-api'
 
 # 开发环境
-VUE_APP_API_BASE_URL = 'http://192.168.2.95:8009'
+VUE_APP_API_BASE_URL = 'http://192.168.2.44:8009'

@@ -38,4 +38,34 @@ export function saveSqdjyw (data) {
     method: 'post',
     data
   })
+}
+
+/* 
+其他及附记模板-列表详情
+*/
+export function sysSqywmbszSearch (data) {
+  return request({
+    url: '/system/sysSqywmbsz/search',
+    method: 'post',
+    data
+  })
+}
+/* 
+其他及附记模板-读取明细
+*/
+export function getSysSqywmbszDetailById (id) {
+  return request({
+    url: '/system/sysSqywmbsz/getSysSqywmbszDetailById?id=' + id,
+    method: 'get'
+  })
+}
+/* 
+其他及附记模板-修改申请业务模板设置
+*/
+export function updateSysSqywmbsz (data) {
+  return request({
+    url: '/system/sysSqywmbsz/updateSysSqywmbsz',
+    method: 'put',
+    data
+  })
 }
\ No newline at end of file

 <template>
-  <dialogBox title="其他及附记模板" @submitForm="submitForm" width="60%" @closeDialog="closeDialog" v-model="value">
+  <dialogBox title="其他及附记模板" @submitForm="submitForm" width="60%" loadingText="正在提交中..." @closeDialog="closeDialog"
+    :saveloding="saveloding" 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 label="权利类型编码" prop="qllx">
+            <el-input v-model="ruleForm.qllx"></el-input>
           </el-form-item>
         </el-col>
         <el-col :span="12">
@@ -19,15 +20,15 @@
       <el-row>
         <el-col :span="12">
           <el-form-item label="不动产权类型" prop="bdcqlx">
-            <el-select v-model="ruleForm.bdcqlx" class="width100" placeholder="请选择">
+            <el-select v-model="ruleForm.bdcqzlx" 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 label="打印模板" prop="dymbbs">
+            <el-input v-model="ruleForm.dymbbs"></el-input>
           </el-form-item>
         </el-col>
       </el-row>
@@ -49,16 +50,56 @@
       </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-form-item label="附记模板">
+            <el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="ruleForm.firstreg">
             </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-form-item label="附记模板">
+            <el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="ruleForm.transferreg">
+            </el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row v-else-if="n == 2">
+        <el-col :span="24">
+          <el-form-item label="附记模板">
+            <el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="ruleForm.changereg">
+            </el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row v-else-if="n == 3">
+        <el-col :span="24">
+          <el-form-item label="附记模板">
+            <el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="ruleForm.logoutreg">
+            </el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row v-else-if="n == 4">
+        <el-col :span="24">
+          <el-form-item label="附记模板">
+            <el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="ruleForm.rivisereg">
+            </el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row v-else-if="n == 5">
+        <el-col :span="24">
+          <el-form-item label="附记模板">
+            <el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="ruleForm.renewalreg">
+            </el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row v-else-if="n == 6">
+        <el-col :span="24">
+          <el-form-item label="附记模板">
+            <el-input type="textarea" :rows="5" placeholder="请输入内容" v-model="ruleForm.replacereg">
             </el-input>
           </el-form-item>
         </el-col>
@@ -68,44 +109,58 @@
 </template>
 
 <script>
+import { updateSysSqywmbsz } from '@/api/system'
 export default {
   components: {
   },
   props: {
     value: { type: Boolean, default: false },
+    details: {
+      type: Object,
+      default: () => {
+        return {}
+      }
+    }
+  },
+  watch: {
+    details: {
+      handler (newValue, oldValue) {
+        this.ruleForm = newValue
+        console.log(this.ruleForm);
+      },
+      deep: true
+    }
   },
   data () {
     return {
+      saveloding: false,
       n: 0,
       ruleForm: {
-        qllxbm: '',
+        qllx: '',
         qllxmc: '',
-        bdcqlx: '',
-        dymb: '',
+        bdcqzlx: '',
+        dymbbs: '',
         qlqtztmb: '',
-        fjmb1: '',
+        firstreg: '',
         fjmb2: ''
       },
       options: [],
       rules: {
-        qllxbm: [
+        qllx: [
           { required: true, message: '请输入权利类型编码', trigger: 'blur' }
         ],
         qllxmc: [
           { required: true, message: '请输入权利类型名称', trigger: 'blur' }
         ],
-        bdcqlx: [
+        bdcqzlx: [
           { required: true, message: '请选择不动产权类型', trigger: 'change' }
         ],
-        dymb: [
+        dymbbs: [
           { required: true, message: '请输入打印模板', trigger: 'blur' }
         ],
         qlqtztmb: [
           { required: true, message: '请输入权利其他状况模板', trigger: 'blur' }
         ],
-        fjmb: [
-          { required: true, message: '请输入附记模板', trigger: 'blur' }
-        ],
       },
       titleList: [
         {
@@ -137,7 +192,16 @@ export default {
       this.n = index
     },
     submitForm () {
-      this.$emit('input', false)
+      let that = this
+      this.saveloding = true
+      updateSysSqywmbsz(this.ruleForm).then(res => {
+        if (res.code === 200) {
+          setTimeout(() => {
+            that.saveloding = false
+            that.$emit('input', false)
+          }, 500)
+        }
+      })
     },
     closeDialog () {
       this.$emit('input', false)

@@ -35,11 +35,11 @@ class data extends filter {
         label: "不动产权证类型",
       },
       {
-        prop: "zjczsj",
+        prop: "updatetime",
         label: "最近操作时间",
       },
       {
-        prop: "zjczr",
+        prop: "updater",
         label: "最近操作人",
       },
       {
@@ -50,7 +50,7 @@ class data extends filter {
         render: (h, scope) => {
           return (
             <div>
-              <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.editClick(scope) }}>修改</el-button>
+              <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.editClick(scope.row) }}>修改</el-button>
             </div>
           )
         }

@@ -23,16 +23,17 @@
     </div>
     <!-- 表格 -->
     <div class="from-clues-content">
-      <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="tableData.total"
-        @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
-        :data="tableData.data">
+      <lb-table :page-size="pageData.size" :loading="loading" :current-page.sync="pageData.current"
+        :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
+        :column="tableData.columns" :data="tableData.data">
       </lb-table>
     </div>
-    <editDialog v-model="isDialog" />
+    <editDialog v-model="isDialog" :details="details" />
   </div>
 </template>
 <script>
 import { mapGetters } from 'vuex'
+import { sysSqywmbszSearch, getSysSqywmbszDetailById } from '@/api/system'
 import table from "@/utils/mixin/table"
 import { datas, sendThis } from "./qtjfjmb"
 import editDialog from "./components/editDialog.vue"
@@ -50,6 +51,7 @@ export default {
   },
   data () {
     return {
+      loading: false,
       isDialog: false,
       queryForm: {
         qllx: ""
@@ -57,20 +59,27 @@ export default {
       tableData: {
         total: 0,
         columns: datas.columns(),
-        data: [
-          {
-            slsj: "2022-5-12",
-          }
-        ]
-      }
+        data: []
+      },
+      details: {}
     }
   },
   methods: {
     // 初始化数据
     fetchData () {
+      this.loading = true
+      sysSqywmbszSearch({ ...this.pageData, ...this.queryForm }).then(res => {
+        this.loading = false
+        let { records, total } = res.result
+        this.tableData.data = records
+        this.tableData.total = total
+      })
     },
-    editClick () {
-      this.isDialog = true
+    editClick (row) {
+      getSysSqywmbszDetailById(row.bsmMb).then(res => {
+        this.isDialog = true
+        this.details = res.result
+      })
     }
   },
 };