style:业务办理

@@ -7,7 +7,7 @@
           <el-col :span="5">
             <el-form-item label="业务来源">
               <el-select v-model="queryForm.ywly" filterable clearable placeholder="请选择业务来源">
-                <el-option v-for="item in ywlys" :key="item.value" :label="item.label" :value="item.value">
+                <el-option v-for="item in dictData['ywly']" :key="item.dcode" :label="item.dname" :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -15,7 +15,7 @@
           <el-col :span="5">
             <el-form-item label="权利类型">
               <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型">
-                <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value">
+                <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -23,7 +23,7 @@
           <el-col :span="5">
             <el-form-item label="登记类型">
               <el-select v-model="queryForm.djlx" filterable clearable placeholder="请选择登记类型">
-                <el-option v-for="item in djlxs" :key="item.value" :label="item.label" :value="item.value">
+                <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -55,6 +55,7 @@
   </div>
 </template>
 <script>
+import { mapGetters } from 'vuex'
 import table from "@/utils/mixin/table";
 import { datas, sendThis } from "./dbxdata";
 import { searchTaskToDo } from "@/api/ywbl.js"
@@ -65,10 +66,11 @@ export default {
   mounted () {
     sendThis(this);
   },
+  computed: {
+    ...mapGetters(['dictData']),
+  },
   data () {
     return {
-      qllxs: [],
-      djlxs: [],
       queryForm: {
         ywly: "",
         qllx: "",
@@ -80,9 +82,6 @@ export default {
         size: 10,
         total: 0,
       },
-
-      ywlys: datas.ywlys(),
-
       tableData: {
         columns: datas.columns(),
         data: [],

@@ -79,14 +79,14 @@ class data extends filter {
         align: 'center',
         fixed: 'right',
         render: (h, scope) => {
-          return <el-button type="text" icon="el-icon-delete" onClick={() => { vm.openDialog(scope) }}>编辑</el-button>
+          return <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openDialog(scope) }}>编辑</el-button>
         }
       }
     ]
   }
 
-  ywlys(){
-    return[
+  ywlys () {
+    return [
       { value: 1, label: "办事大厅" },
       { value: 2, label: "微信小程序" },
       { value: 3, label: "法院端" },

@@ -7,7 +7,7 @@
           <el-col :span="5">
             <el-form-item label="业务来源">
               <el-select v-model="queryForm.ywly" filterable clearable placeholder="请选择业务来源">
-                <el-option v-for="item in ywlys" :key="item.value" :label="item.label" :value="item.value">
+                <el-option v-for="item in dictData['ywly']" :key="item.dcode" :label="item.dname" :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -15,7 +15,7 @@
           <el-col :span="5">
             <el-form-item label="权利类型">
               <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型">
-                <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value">
+                <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -23,7 +23,7 @@
           <el-col :span="5">
             <el-form-item label="登记类型">
               <el-select v-model="queryForm.djlx" filterable clearable placeholder="请选择登记类型">
-                <el-option v-for="item in djlxs" :key="item.value" :label="item.label" :value="item.value">
+                <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -54,6 +54,7 @@
   </div>
 </template>
 <script>
+import { mapGetters } from 'vuex'
 import table from "@/utils/mixin/table";
 import { datas, sendThis } from "./ybxdata";
 export default {
@@ -63,6 +64,9 @@ export default {
   mounted () {
     sendThis(this);
   },
+  computed: {
+    ...mapGetters(['dictData'])
+  },
   data () {
     return {
       queryForm: {
@@ -76,9 +80,6 @@ export default {
         size: 10,
         total: 2,
       },
-
-      ywlys: datas.ywlys(),
-
       tableData: {
         columns: datas.columns(),
         data: [

@@ -63,21 +63,11 @@ class data extends filter {
         align: 'center',
         fixed: 'right',
         render: (h, scope) => {
-          return <el-button type="text" icon="el-icon-delete" onClick={() => { vm.openDialog(scope) }}>编辑</el-button>
+          return <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openDialog(scope) }}>编辑</el-button>
         }
       }
     ]
   }
-
-  ywlys(){
-    return[
-      { value: 1, label: "办事大厅" },
-      { value: 2, label: "微信小程序" },
-      { value: 3, label: "法院端" },
-      { value: 4, label: "银行端" },
-    ]
-  } 
-
 }
 let datas = new data()
 export {