no message

src/components/tabPage/index.vue

@@ -0,0 +1,49 @@
+<script>
+export default {
+  name: "TabPage",
+  props: {
+    defaultActives: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      activeKey: this?.defaultActives?.length ? this?.defaultActives?.[0]?.key : "",
+      activeList: [...this.defaultActives]
+    };
+  },
+  methods: {
+    tabClick(tab) {
+      activeList.find(item => item.key == tab)?.triggerEvent()
+    },
+    addTab(tabObj) {
+      if (tabObj.key === undefined) {
+        console.error("缺少")
+        return
+      }
+      this.activeList.push(tabObj)
+    }
+  },
+  render(h) {
+    console.log(this, this.activeKey, "-------------")
+    return (
+      <zj-page-container>
+        <el-tabs value={this.activeKey} onInput={(val) => { this.activeKey = val }} type="card" tab-click={this.tabClick}>
+          {this.activeList.map(item => <el-tab-pane label={item.label || item.key} name={item.key}></el-tab-pane>)}
+        </el-tabs>
+        <zj-page-fill>
+          {
+            this?.$slots?.default?.map(vnode => {
+                console.log(vnode,"00000000")
+                return <vnode activeKey={this.activeKey}/>
+              })
+          }
+        </zj-page-fill>
+      </zj-page-container>
+    );
+  },
+};
+</script>
+
+<style lang="scss" scoped></style>

src/main.js

@@ -73,6 +73,9 @@ AMap.initAMapApiLoader({
   plugins: ['AMap.Geocoder', 'AMap.AutoComplete', 'AMap.PlaceSearch', 'AMap.DistrictSearch']
 })
 
+
+import tabPage from "@/components/tabPage/index.vue"
+Vue.component(tabPage.name, tabPage);
 // // 本地引用;
 // import ElementPlugins, { AMap } from '@packages'
 // Vue.use(ElementPlugins, {

src/views/setting/departmentManage/index.vue

@@ -1,107 +1,7 @@
 <template>
-  <div class="app-container">
-    <div class="mymain-container">
-      <div>
-        <el-select v-model="value1" multiple placeholder="显示层级">
-          <el-option v-for="item in types" :key="item.value" :label="item.label" :value="item.value">
-          </el-option>
-        </el-select>
-        <span style="display: inline-block; width: 220px; margin-left: 10px"><el-input v-model="input"
-            placeholder="模糊搜索"></el-input></span>
-      </div>
-
-      <div class="table">
-        <el-table :data="showList" border>
-          <el-table-column prop="type" label="级别" width="70">
-            <template slot-scope="scope">
-              <el-tag v-if="scope.row.type == 'A'" type="success">平台</el-tag>
-              <el-tag v-if="scope.row.type == 'B'">商户</el-tag>
-              <el-tag v-if="scope.row.type == 'C'" type="warning">网点</el-tag>
-            </template>
-          </el-table-column>
-          <el-table-column prop="name" label="网点名称"> </el-table-column>
-          <el-table-column prop="" label="结构">
-            <template slot-scope="scope">
-              {{ scope.row.pname.join(' -> ') }}
-            </template>
-          </el-table-column>
-          <el-table-column align="center" label="状态" class-name="status-col" width="80">
-            <template slot-scope="scope">
-              <el-tag :type="scope.row.status ? 'success' : 'danger'">{{
-                scope.row.status ? '启用' : '禁用'
-              }}</el-tag>
-            </template>
-          </el-table-column>
-          <el-table-column label="操作" width="268" fixed="right">
-            <template slot-scope="scope">
-              <el-button type="primary" size="mini" icon="el-icon-edit"
-                @click="openMainForm('edit', scope.row.websitId)">编辑</el-button>
-              <el-button type="primary" size="mini" icon="el-icon-edit"
-                @click="handleDelete(scope.row.websitId)">删除</el-button>
-              <el-button v-if="!!~['A', 'B'].indexOf(scope.row.type)"
-                :type="({ A: 'primary', B: 'warning' })[scope.row.type]" plain size="mini" icon="el-icon-plus"
-                @click="openMainForm('add', scope.row.websitId)">
-                添加{{ scope.row.type
-                  == 'A' ? '商户' :
-                  scope.row.type == 'B' ? '网点' : '网点' }}
-              </el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-      </div>
-      <div class="pagination clearfix">
-        <div class="fr">
-          <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
-            :page-sizes="[15, 20, 30, 50]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper"
-            :total="listTotal">
-          </el-pagination>
-        </div>
-      </div>
-    </div>
-    <!-- 添加编辑网点 -->
-    <el-dialog :title="mainFormType == 'add' ? '添加' : '编辑'" :visible.sync="mainFormVisible" :show-close="false"
-      width="40%" :close-on-click-modal="false">
-      <el-form ref="mainForm" :model="mainForm" :rules="mainFormRules" label-position="top" label-width="80px">
-        <el-form-item label="上级" prop="parentId">
-          <el-cascader style="width: 100%" :options="dataList2"
-            :props="{ checkStrictly: true, value: 'websitId', label: 'name' }" v-model="mainForm.parentId" filterable
-            clearable>
-          </el-cascader>
-        </el-form-item>
-        <el-form-item label="名称" prop="name">
-          <el-input placeholder="请输入网点名称" v-model="mainForm.name"></el-input>
-        </el-form-item>
-        <el-form-item label="联系人" prop="linkName">
-          <el-input placeholder="请输入联系人名称" v-model="mainForm.linkName"></el-input>
-        </el-form-item>
-        <el-form-item label="联系人电话" prop="websitPhone">
-          <el-input placeholder="请输入联系人电话" maxlength="11" type="number" v-model="mainForm.websitPhone"></el-input>
-        </el-form-item>
-        <el-form-item label="地址" prop="address">
-          <div style="display:flex;">
-            <el-input placeholder="请选择地址" readonly style="margin-right: 20px;" v-model="mainForm.address"></el-input>
-            <geographicalPosi :formData="mainForm" @selectPosi="selectAddress"></geographicalPosi>
-          </div>
-        </el-form-item>
-        <el-form-item label="状态" prop="status">
-          <el-radio-group v-model="mainForm.status">
-            <el-radio :label="true">启用</el-radio>
-            <el-radio :label="false">禁用</el-radio>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item label="增值服务" prop="isIncre">
-          <el-radio-group v-model="mainForm.isIncre">
-            <el-radio :label="true">启用</el-radio>
-            <el-radio :label="false">禁用</el-radio>
-          </el-radio-group>
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button @click="cancelMainForm">取 消</el-button>
-        <el-button type="primary" @click="submitMainForm">确 定</el-button>
-      </div>
-    </el-dialog>
-  </div>
+  <tabPage :defaultActives="[{ key: '1iuh', label: '测试', triggerEvent: () => { } }]">
+    <div>12345</div>
+  </tabPage>
 </template>
 
 <script>

src/views/workOrder/workOrderPool/detailModule/workOrderInfo/mixins/workOrderLogic.js

@@ -119,7 +119,7 @@ export default {
           // 异常单
           YCD: [1, 2, 6],
           // 已完工待结算
-          YWG: [7, 8],
+          YWG: [7, 8, 9],
           // 已结算
           YJS: [],
           // 已取消