@leevan/jtui 2.0.2 → 2.0.6

package/packages/jt-table-pc/components/tabsBtn.vue

@@ -1,53 +1,68 @@
 <template>
-    <div>
-        <el-radio-group v-model="radio_value" size="mini" @change="btnsClick">
-            <el-radio-button
-            v-for="(item,index) in fullData"
-            :key="index" 
-            :label="item.value">{{item.label}}</el-radio-button>
-        </el-radio-group>
+  <div>
+    <el-radio-group v-model="radio_value" size="mini" @change="btnsClick" v-if="dataType !== 'string'">
+      <el-radio-button
+        v-for="(item, index) in fullData"
+        :key="index"
+        :label="item.value"
+        >{{ item.label }}</el-radio-button
+      >
+    </el-radio-group>
+    <div v-else>
+        {{rowData}}
     </div>
+  </div>
 </template>
 
 <script>
-    export default {
-        name:'TabsBtn',
-        data(){
-            return {
-                radio_value:"",
-                fullData:[],
-                oldValue:""
-            }
-        },
-        props: {
-            params: Object
-        },
-        created(){
-            this.load();
-        },
-        methods:{
-            load(){
-                const { row , column } = this.params;
-                if(row && row[column.property] && row[column.property].enum){
-                    this.fullData = row[column.property].enum
-                    this.radio_value = row[column.property].selected
-                    this.oldValue = row[column.property].selected;
-                }
-            },
-            async btnsClick(val){
-                const { row , column } = this.params;
-                const { events , parentRow } = this.$attrs;
-                const result = await events.radioChange({row,property:column.property,val,params:parentRow});
-                if(result){
-                    this.oldValue = val;
-                }else{
-                    this.radio_value = this.oldValue;
-                }
-            }
-        }
-    }
+export default {
+  name: "TabsBtn",
+  data() {
+    return {
+      radio_value: "",
+      fullData: [],
+      oldValue: "",
+      dataType: '',
+      rowData: ''
+    };
+  },
+  props: {
+    params: Object,
+  },
+  created() {
+    this.load();
+  },
+  methods: {
+    load() {
+      const { row, column } = this.params;
+      if (row) {
+        this.rowData = row[column.property];
+        this.dataType = typeof this.rowData;
+      }
+      if (this.rowData && this.rowData.enum) {
+        this.fullData = this.rowData.enum;
+        this.radio_value = this.rowData.selected;
+        this.oldValue = this.rowData.selected;
+      }
+    },
+    async btnsClick(val) {
+      const { row, column } = this.params;
+      const { events, parentRow } = this.$attrs;
+      const result = await events.radioChange({
+        row,
+        property: column.property,
+        val,
+        params: parentRow,
+      });
+      if (result) {
+        this.oldValue = val;
+      } else {
+        this.radio_value = this.oldValue;
+      }
+    },
+  },
+};
 </script>
 
 <style lang="scss" scoped>
-
 </style>

package/packages/jt-table-pc/data2.js

@@ -227,17 +227,19 @@ export function data23(){
 "inBottons": [
 {
 "funcode": "wxq_xg",
-"color": "#d81e06",
+"color": "",
 "size": 15,
 "name": "修改",
-"icon": "iconedit-1-copy"
+"icon": ""
 },
 {
 "funcode": "wxq_delete",
-"color": "#d81e06",
+"color": "#ffffff",
 "size": 15,
 "name": "删除",
-"icon": "iconshanchu1"
+"icon": "iconshanchu1",
+"bgColor":'#409EFF',
+"textColor":'#ffffff'
 }
 ],
 "isHaveHead": true,
@@ -275,6 +277,7 @@ export function data23(){
 "label": "村级名称",
 "type": "String",
 "align": "center",
+"cellRender":"TabsCheckbox",
 "enum": []
 },
 {
@@ -405,7 +408,10 @@ html:[{
 "xzrzw": "镇长",
 "jcrdh": "13408181100",
 "id": "2",
-"village": "高石社区三组",
+"village": {
+    enum:[{label:'多选1',value:1},{label:'多选2',value:2},{label:'多选3',value:3}],
+    selected:[1,2]
+},
 "yjrdh": "15984498223",
 "_XID": "row_4"
 },