style:证书管理

@@ -27,7 +27,8 @@ export function zsrk (data) {
         url: '/sys/zsgl/zsrk',
         method: 'post',
         data,
-        showLoading: true
+        showLoading: true,
+        loadingTarget: '正在保存中...'
     })
 }
 /* 
@@ -86,7 +87,9 @@ export function zsff (data) {
     return request({
         url: '/sys/zsgl/zsff',
         method: 'post',
-        data
+        data,
+        showLoading: true,
+        loadingTarget: '正在保存中...'
     })
 }
 /* 

 <template>
-  <dialogBox title="证书使用情况" @closeDialog="closeDialog" v-model="myValue" :isButton="false">
+  <dialogBox title="证书使用情况" @closeDialog="closeDialog" @submitForm="submitForm" v-model="myValue" :isButton="false">
     <el-form :model="ruleForm" ref="ruleForm" label-width="100px">
       <div class="title-name">
         入库情况
@@ -145,11 +145,16 @@ export default {
     },
   },
   methods: {
+    getDetail () {
+    },
+    submitForm () {
+    },
     closeDialog () {
       this.$emit('input', false)
+      this.$refs['ruleForm'].resetFields()
     }
-  },
-};
+  }
+}
 </script>
 <style scoped lang="scss">
 @import "~@/styles/mixin.scss";

@@ -2,17 +2,17 @@
   <div class="from-clues">
     <!-- 表单部分 -->
     <div class="from-clues-header">
-      <el-form :model="ruleForm" label-width="70px">
+      <el-form :model="ruleForm" label-width="80px">
         <el-row>
           <el-col :span="5">
             <el-form-item label="分发编号">
-              <el-input v-model="approveForm.batchno" clearable  placeholder="分发编号"></el-input>
+              <el-input v-model="approveForm.batchno" clearable placeholder="分发编号"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="领取时间">
               <el-date-picker v-model="ruleForm.ffsj" type="daterange" range-separator="至" start-placeholder="开始日期"
-                end-placeholder="结束日期"  @change="timeChange()" value-format="yyyy-MM-dd HH:mm:ss" clearable >
+                end-placeholder="结束日期" @change="timeChange()" value-format="yyyy-MM-dd HH:mm:ss" clearable>
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -32,23 +32,26 @@
         :data="tableData.data">
       </lb-table>
     </div>
-    <addDialog ref="addDialog" v-model="isDialog"/>
+    <addDialog ref="addDialog" v-model="isDialog" />
+    <viewDialog v-model="viewDialog" />
   </div>
 </template>
 <script>
 import table from "@/utils/mixin/table";
 import { datas, sendThis } from "./zsffdata";
-import { getZsglffList,removeZsgl,confirmZsff} from "@/api/zsgl.js"
+import viewDialog from "../components/viewDialog.vue";
+import { getZsglffList, removeZsgl, confirmZsff } from "@/api/zsgl.js"
 import addDialog from "./components/addDialog.vue"
 export default {
   name: "zsff",
-  components: {addDialog},
+  components: { addDialog, viewDialog },
   mixins: [table],
   mounted () {
     sendThis(this);
   },
   data () {
     return {
+      viewDialog: false,
       isDialog: false,
       value: '',
       ruleForm: {
@@ -82,8 +85,8 @@ export default {
       })
     },
     openDialog () {
-       this.isDialog = true;
-       this.$nextTick(()=> {
+      this.isDialog = true;
+      this.$nextTick(() => {
         this.$refs.addDialog.ywhSerial();
         this.$refs.addDialog.initStartNo();
       })
@@ -92,7 +95,7 @@ export default {
       this.fetchData()
     },
     //修改筛选时间
-    timeChange() {
+    timeChange () {
       if (this.ruleForm.ffsj != null) {
         this.approveForm.ffkssj = this.ruleForm.ffsj[0];
         this.approveForm.ffjssj = this.ruleForm.ffsj[1];
@@ -102,17 +105,17 @@ export default {
       }
     },
     //确定证书分发
-    confrimVerify(item){
+    confrimVerify (item) {
       this.$confirm('是否确定分发', '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'
       }).then(() => {
-        confirmZsff({"bsmBatch":item.bsmBatch}).then(res => {
-          if(res.code == 200){
+        confirmZsff({ "bsmBatch": item.bsmBatch }).then(res => {
+          if (res.code == 200) {
             this.$message.success("分发成功")
             this.fetchData();
-          }else{
+          } else {
             this.$message.error(res.message)
           }
         })
@@ -123,18 +126,18 @@ export default {
         });
       });
     },
-     //删除证书分发数据
-    delZsff(item){
+    //删除证书分发数据
+    delZsff (item) {
       this.$confirm('确定要删除吗, 是否继续?', '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'
       }).then(() => {
-        removeZsgl({"bsmBatch":item.bsmBatch}).then(res => {
-          if(res.code == 200){
+        removeZsgl({ "bsmBatch": item.bsmBatch }).then(res => {
+          if (res.code == 200) {
             this.$message.success("删除成功")
             this.fetchData();
-          }else{
+          } else {
             this.$message.error(res.message)
           }
         })

@@ -59,25 +59,25 @@ class data extends filter {
           switch (scope.row.state) {
             case '0':
               return <div>
-              <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.confrimVerify(scope.row) }}>确认分发</el-button>
-              <el-button type="text" icon="el-icon-delete" onClick={() => { vm.delZsff(scope.row) }}>删除</el-button>
-            </div>
+                <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.confrimVerify(scope.row) }}>确认分发</el-button>
+                <el-button type="text" icon="el-icon-delete" onClick={() => { vm.delZsff(scope.row) }}>删除</el-button>
+              </div>
             case '1':
-              return <el-button type="text" onClick={() => { }}>查看</el-button>
+              return <el-button type="text" onClick={() => { vm.viewDialog = true }}>查看</el-button>
           }
         }
       }
     ]
   }
 
-  ywlys(){
-    return[
+  ywlys () {
+    return [
       { value: 1, label: "办事大厅" },
       { value: 2, label: "微信小程序" },
       { value: 3, label: "法院端" },
       { value: 4, label: "银行端" },
     ]
-  } 
+  }
 
 }
 let datas = new data()

@@ -2,7 +2,7 @@
   <div class="from-clues">
     <!-- 表单部分 -->
     <div class="from-clues-header">
-      <el-form :model="ruleForm" label-width="70px">
+      <el-form :model="ruleForm" label-width="80px">
         <el-row>
           <el-col :span="5">
             <el-form-item label="入库编号">
@@ -33,16 +33,18 @@
       </lb-table>
     </div>
     <addDialog ref="addDialog" v-model="isDialog" />
+    <viewDialog v-model="viewDialog" />
   </div>
 </template>
 <script>
 import table from "@/utils/mixin/table";
 import { datas, sendThis } from "./zsrkdata";
-import addDialog from "./components/addDialog.vue"
-import { getZsglrkList, removeZsgl, verifyZsrk } from "@/api/zsgl.js"
+import addDialog from "./components/addDialog.vue";
+import viewDialog from "../components/viewDialog.vue";
+import { getZsglrkList, removeZsgl, verifyZsrk } from "@/api/zsgl.js";
 export default {
   name: "zsrk",
-  components: { addDialog },
+  components: { addDialog,viewDialog },
   mixins: [table],
   mounted () {
     sendThis(this);
@@ -50,6 +52,7 @@ export default {
   data () {
     return {
       isDialog: false,
+      viewDialog: false,
       ruleForm: {
         rksj: '',
         batchno: '',

@@ -59,25 +59,25 @@ class data extends filter {
           switch (scope.row.state) {
             case '0':
               return <div>
-              <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.confrimVerify(scope.row) }}>确认审核</el-button>
-              <el-button type="text" icon="el-icon-delete" onClick={() => { vm.delZsrk(scope.row) }}>删除</el-button>
-            </div>
+                <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.confrimVerify(scope.row) }}>确认审核</el-button>
+                <el-button type="text" icon="el-icon-delete" onClick={() => { vm.delZsrk(scope.row) }}>删除</el-button>
+              </div>
             case '1':
-              return <el-button type="text" onClick={() => { }}>查看</el-button>
+              return <el-button type="text" onClick={() => { vm.viewDialog = true }}>查看</el-button>
           }
         }
       }
     ]
   }
 
-  ywlys(){
-    return[
+  ywlys () {
+    return [
       { value: 1, label: "办事大厅" },
       { value: 2, label: "微信小程序" },
       { value: 3, label: "法院端" },
       { value: 4, label: "银行端" },
     ]
-  } 
+  }
 
 }
 let datas = new data()

@@ -2,33 +2,29 @@
   <div class="from-clues">
     <!-- 表单部分 -->
     <div class="from-clues-header">
-      <el-form :model="ruleForm" label-width="120px">
+      <el-form :model="ruleForm" label-width="85px">
         <el-row>
           <el-col :span="5">
             <el-form-item label="印刷序列号" prop="ysxlh">
-              <el-input v-model="ruleForm.ysxlh" clearable  placeholder="请输入印刷序列号"></el-input>
+              <el-input v-model="ruleForm.ysxlh" clearable placeholder="请输入印刷序列号"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="5">
             <el-form-item label="证书类型" prop="zslx">
-              <el-select v-model="ruleForm.zslx" placeholder="请选择证书类型" clearable >
-                <el-option
-                  v-for="item in zslxArr"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value">
+              <el-select v-model="ruleForm.zslx" class="width100" placeholder="请选择证书类型" clearable>
+                <el-option v-for="item in zslxArr" :key="item.value" :label="item.label" :value="item.value">
                 </el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="5">
-            <el-form-item label="业务号" prop="ywh">
-              <el-input v-model="ruleForm.ywh" clearable  placeholder="请输入业务号"></el-input>
+            <el-form-item label="业务号" label-width="60px" prop="ywh">
+              <el-input v-model="ruleForm.ywh" clearable placeholder="请输入业务号"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="不动产权证号" prop="bdcqzh">
-              <el-input v-model="ruleForm.bdcqzh"  placeholder="请输入不动产权证号"></el-input>
+            <el-form-item label="不动产权证号" label-width="100px" prop="bdcqzh">
+              <el-input v-model="ruleForm.bdcqzh" placeholder="请输入不动产权证号"></el-input>
             </el-form-item>
           </el-col>
 
@@ -52,9 +48,9 @@
   </div>
 </template>
 <script>
-import viewDialog from "./components/viewDialog.vue"
+import viewDialog from "../components/viewDialog.vue"
 import table from "@/utils/mixin/table";
-import { getZssyqkList} from "@/api/zsgl.js"
+import { getZssyqkList } from "@/api/zsgl.js"
 import { datas, sendThis } from "./zssyjldata";
 export default {
   name: "zssyjl",
@@ -78,15 +74,12 @@ export default {
         data: [],
       },
       zslxArr: [
-        {label: '不动产权证书',value: 'zs'},
-        {label: '不动产登记证明', value: 'zm'}
+        { label: '不动产权证书', value: 'zs' },
+        { label: '不动产登记证明', value: 'zm' }
       ]
     };
   },
   methods: {
-    init (e) {
-      this.fetchData()
-    },
     // 列表渲染接口
     fetchData () {
       getZssyqkList({ ...this.ruleForm, ...this.pageData }).then(res => {
@@ -99,9 +92,9 @@ export default {
     },
     openDialog () {
       this.isDialog = true
-    },
-  },
-};
+    }
+  }
+}
 </script>
 <style scoped lang="scss">
 @import "~@/styles/public.scss";

@@ -75,7 +75,7 @@ class data extends filter {
         align: 'center',
         fixed: 'right',
         render: (h, scope) => {
-          return <el-button type="text" icon="el-icon-view" onClick={() => { }}>查看</el-button>
+          return <el-button type="text" icon="el-icon-view" onClick={() => { vm.openDialog() }}>查看</el-button>
         }
       }
     ]