From da37c497056da3921331ae517e53af17a4ef031a Mon Sep 17 00:00:00 2001
From: pushuo <229102104@qq.com>
Date: Mon, 1 Aug 2022 20:52:10 +0800
Subject: [PATCH] wip

---
 .../views/pages/admin_roles/edit.blade.php    |   4 -
 .../views/pages/admin_roles/index.blade.php   | 189 ++----------------
 2 files changed, 12 insertions(+), 181 deletions(-)

diff --git a/resources/beike/admin/views/pages/admin_roles/edit.blade.php b/resources/beike/admin/views/pages/admin_roles/edit.blade.php
index 6811eb11..499f3e4f 100644
--- a/resources/beike/admin/views/pages/admin_roles/edit.blade.php
+++ b/resources/beike/admin/views/pages/admin_roles/edit.blade.php
@@ -10,10 +10,6 @@
           <el-input v-model="form.title" placeholder="角色名称"></el-input>
         </el-form-item>
 
-        <el-form-item label="描述" prop="description">
-          <el-input v-model="form.description" placeholder="描述"></el-input>
-        </el-form-item>
-
         <el-form-item label="权限" prop="roles">
           <div class="roles-wrap border">
             <div class="header-wrap bg-dark p-2 text-dark bg-opacity-10 px-2">
diff --git a/resources/beike/admin/views/pages/admin_roles/index.blade.php b/resources/beike/admin/views/pages/admin_roles/index.blade.php
index f3fc8c03..ace0416e 100644
--- a/resources/beike/admin/views/pages/admin_roles/index.blade.php
+++ b/resources/beike/admin/views/pages/admin_roles/index.blade.php
@@ -12,10 +12,10 @@
     </li>
   </ul>
 
-  <div id="tax-classes-app" class="card" v-cloak>
+  <div id="tax-classes-app" class="card">
     <div class="card-body h-min-600">
       <div class="d-flex justify-content-between mb-4">
-        <button type="button" class="btn btn-primary" @click="checkedCreate('add', null)">添加</button>
+        <a href="{{ admin_route('admin_roles.edit', [0]) }}" class="btn btn-primary">创建角色</a>
       </div>
       <table class="table">
         <thead>
@@ -28,185 +28,20 @@
           </tr>
         </thead>
         <tbody>
-          <tr v-for="tax, index in roles" :key="index">
-            <td>@{{ tax.id }}</td>
-            <td>@{{ tax.name }}</td>
-            <td>@{{ tax.created_at }}</td>
-            <td>@{{ tax.updated_at }}</td>
+          @foreach ($roles as $role)
+          <tr>
+            <td>{{ $role->id }}</td>
+            <td>{{ $role->name }}</td>
+            <td>{{ $role->created_at }}</td>
+            <td>{{ $role->updated_at }}</td>
             <td class="text-end">
-              <a href="{{ admin_route('admin_roles.edit', [0]) }}" class="btn btn-outline-secondary btn-sm">编辑</a>
-              <button class="btn btn-outline-danger btn-sm ml-1" type="button" @click="deleteCustomer(tax.id, index)">删除</button>
+              <a href="{{ admin_route('admin_roles.edit', [$role->id]) }}" class="btn btn-outline-secondary btn-sm">编辑</a>
+              <button class="btn btn-outline-danger btn-sm ml-1" type="button">删除</button>
             </td>
           </tr>
+          @endforeach
         </tbody>
       </table>
-
-      {{-- {{ $roles->links('admin::vendor/pagination/bootstrap-4') }} --}}
     </div>
-
-    <el-dialog title="创建税费" :visible.sync="dialog.show" width="700px"
-      @close="closeCustomersDialog('form')" :close-on-click-modal="false">
-
-      <el-form ref="form" :rules="rules" :model="dialog.form" label-width="100px">
-        <el-form-item label="税类名称" prop="title">
-          <el-input v-model="dialog.form.title" placeholder="税类名称"></el-input>
-        </el-form-item>
-
-        <el-form-item label="描述" prop="description">
-          <el-input v-model="dialog.form.description" placeholder="描述"></el-input>
-        </el-form-item>
-
-        <el-form-item label="规则">
-            <table class="table table-bordered" style="line-height: 1.6;">
-              <thead>
-                <tr>
-                  <th>税率</th>
-                  <th>基于</th>
-                  <th>优先级</th>
-                  <th></th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr v-for="rule, index in dialog.form.tax_rules" :key="index">
-                  <td>
-                    <el-select v-model="rule.tax_rate_id" size="mini" placeholder="请选择">
-                      <el-option v-for="tax in source.all_tax_rates" :key="tax.id" :label="tax.name" :value="tax.id"></el-option>
-                    </el-select>
-                  </td>
-                  <td>
-                    <el-select v-model="rule.based" size="mini" placeholder="请选择">
-                      <el-option v-for="base in source.bases" :key="base" :label="base" :value="base"></el-option>
-                    </el-select>
-                  </td>
-                  <td width="80px"><el-input v-model="rule.priority" size="mini" placeholder="优先级"></el-input></td>
-                  <td>
-                    <button class="btn btn-outline-danger btn-sm ml-1" type="button" @click="deleteRates(index)">删除</button>
-                  </td>
-                </tr>
-              </tbody>
-            </table>
-            <el-button type="primary" icon="el-icon-plus" size="small" plain @click="addRates">添加规则</el-button>
-        </el-form-item>
-        <el-form-item class="mt-5">
-          <el-button type="primary" @click="addFormSubmit('form')">保存</el-button>
-          <el-button @click="closeCustomersDialog('form')">取消</el-button>
-        </el-form-item>
-      </el-form>
-    </el-dialog>
   </div>
-@endsection
-
-@push('footer')
-  <script>
-    new Vue({
-      el: '#tax-classes-app',
-
-      data: {
-        roles: @json($roles ?? []),
-
-        source: {
-          all_tax_rates: @json($all_tax_rates ?? []),
-          bases: @json($bases ?? []),
-        },
-
-        dialog: {
-          show: false,
-          index: null,
-          type: 'add',
-          form: {
-            id: null,
-            title: '',
-            description: '',
-            tax_rules: [],
-          },
-        },
-
-        rules: {
-          title: [{required: true,message: '请输入税类名称',trigger: 'blur'}, ],
-          description: [{required: true,message: '请输入描述',trigger: 'blur'}, ],
-        }
-      },
-
-      beforeMount() {
-        // this.source.languages.forEach(e => {
-        //   this.$set(this.dialog.form.name, e.code, '')
-        //   this.$set(this.dialog.form.description, e.code, '')
-        // })
-      },
-
-      methods: {
-        checkedCreate(type, index) {
-          this.dialog.show = true
-          this.dialog.type = type
-          this.dialog.index = index
-
-          if (type == 'edit') {
-            let tax = this.roles[index];
-
-            this.dialog.form = {
-              id: tax.id,
-              title: tax.title,
-              description: tax.description,
-              tax_rules: tax.tax_rules,
-            }
-          }
-        },
-
-        addRates() {
-          const tax_rate_id = this.source.all_tax_rates[0]?.id || 0;
-          const based = this.source.bases[0] || '';
-
-          this.dialog.form.tax_rules.push({tax_rate_id, based, priority: ''})
-        },
-
-        deleteRates(index) {
-          this.dialog.form.tax_rules.splice(index, 1)
-        },
-
-        addFormSubmit(form) {
-          const self = this;
-          const type = this.dialog.type == 'add' ? 'post' : 'put';
-          const url = this.dialog.type == 'add' ? 'roles' : 'roles/' + this.dialog.form.id;
-
-          this.$refs[form].validate((valid) => {
-            if (!valid) {
-              this.$message.error('请检查表单是否填写正确');
-              return;
-            }
-
-            $http[type](url, this.dialog.form).then((res) => {
-              this.$message.success(res.message);
-              if (this.dialog.type == 'add') {
-                this.roles.push(res.data)
-              } else {
-                this.roles[this.dialog.index] = res.data
-              }
-
-              this.dialog.show = false
-            })
-          });
-        },
-
-        deleteCustomer(id, index) {
-          const self = this;
-          this.$confirm('确定要删除税类码？', '提示', {
-            confirmButtonText: '确定',
-            cancelButtonText: '取消',
-            type: 'warning'
-          }).then(() => {
-            $http.delete('roles/' + id).then((res) => {
-              this.$message.success(res.message);
-              self.roles.splice(index, 1)
-            })
-          }).catch(()=>{})
-        },
-
-        closeCustomersDialog(form) {
-          Object.keys(this.dialog.form).forEach(key => this.dialog.form[key] = '')
-          this.dialog.form.tax_rules = []
-          this.dialog.show = false
-        }
-      }
-    })
-  </script>
-@endpush
+@endsection
\ No newline at end of file