change entity table

supercoderhawk · supercoderhawk · commit 0c8d7af7b8d5 · 2017-07-11T09:46:40.000+08:00
diff --git a/app/src/renderer/components/Entity/Item.vue b/app/src/renderer/components/Entity/Item.vue
@@ -2,9 +2,12 @@
   <tr>
     <td>{{ id }}</td>
     <td>{{ value }}</td>
-    <td><v-select :value.sync="val" :options="options" options-value="val" justified close-on-select></v-select></td>
+    <td><v-select :value.sync="type" :options="options" options-value="val" justified close-on-select></v-select></td>
     <td>{{ start }}</td>
     <td>{{ end }}</td>
+    <td>
+      <a @click="remove"><span class="glyphicon glyphicon-remove"></span></a>
+    </td>
   </tr>
 </template>
 
@@ -20,7 +23,19 @@
     data () {
       return {
         options: ITEM.OPTIONS,
-        val: 1
+        val: 3
+      }
+    },
+    methods: {
+      remove () {
+        this.$store.dispatch('entity/removeItem', {
+          id: this.id,
+          value: this.value,
+          type: this.type,
+          start: this.start,
+          end: this.end
+        })
+        this.$parent.$parent.editor.formatText(this.start, this.end - this.start + 1, 'color', 'black')
       }
     },
     props: ['id', 'value', 'type', 'start', 'end']
diff --git a/app/src/renderer/components/Entity/List.vue b/app/src/renderer/components/Entity/List.vue
@@ -7,6 +7,7 @@
         <th>实体类型</th>
         <th>开始位置</th>
         <th>结束位置</th>
+        <th>删除</th>
       </tr>
     </thead>
     <tbody>
@@ -37,7 +38,7 @@
 </script>
 
 <style>
-  th, td{
+  .table th, .table td{
     vertical-align: middle !important;
     text-align: center;
   }
