mirror of
				https://gitee.com/chu1204505056/vue-admin-beautiful.git
				synced 2025-11-04 05:12:09 +08:00 
			
		
		
		
	prettier代码格式重新配置
This commit is contained in:
		
							parent
							
								
									d134f932b9
								
							
						
					
					
						commit
						6664949dab
					
				@ -10,6 +10,7 @@ module.exports = {
 | 
				
			|||||||
  bracketSpacing: true,
 | 
					  bracketSpacing: true,
 | 
				
			||||||
  jsxBracketSameLine: false,
 | 
					  jsxBracketSameLine: false,
 | 
				
			||||||
  arrowParens: "always",
 | 
					  arrowParens: "always",
 | 
				
			||||||
  vueIndentScriptAndStyle: false,
 | 
					  htmlWhitespaceSensitivity: "ignore",
 | 
				
			||||||
 | 
					  vueIndentScriptAndStyle: true,
 | 
				
			||||||
  endOfLine: "lf",
 | 
					  endOfLine: "lf",
 | 
				
			||||||
};
 | 
					};
 | 
				
			||||||
 | 
				
			|||||||
@ -69,7 +69,8 @@ export default {
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
      @keyframes fall-#{$i} {
 | 
					      @keyframes fall-#{$i} {
 | 
				
			||||||
        #{percentage($random-yoyo-time)} {
 | 
					        #{percentage($random-yoyo-time)} {
 | 
				
			||||||
        transform: translate($random-x-end, $random-yoyo-y) scale($random-scale);
 | 
					          transform: translate($random-x-end, $random-yoyo-y)
 | 
				
			||||||
 | 
					            scale($random-scale);
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        to {
 | 
					        to {
 | 
				
			||||||
 | 
				
			|||||||
@ -11,8 +11,7 @@
 | 
				
			|||||||
        :closable="false"
 | 
					        :closable="false"
 | 
				
			||||||
        :title="`支持jpg、jpeg、png格式,单次可最多选择${limit}张图片,每张不可大于${size}M,如果大于${size}M会自动为您过滤`"
 | 
					        :title="`支持jpg、jpeg、png格式,单次可最多选择${limit}张图片,每张不可大于${size}M,如果大于${size}M会自动为您过滤`"
 | 
				
			||||||
        type="info"
 | 
					        type="info"
 | 
				
			||||||
      >
 | 
					      ></el-alert>
 | 
				
			||||||
      </el-alert>
 | 
					 | 
				
			||||||
      <br />
 | 
					      <br />
 | 
				
			||||||
      <el-upload
 | 
					      <el-upload
 | 
				
			||||||
        ref="upload"
 | 
					        ref="upload"
 | 
				
			||||||
@ -68,7 +67,8 @@
 | 
				
			|||||||
        type="success"
 | 
					        type="success"
 | 
				
			||||||
        :loading="loading"
 | 
					        :loading="loading"
 | 
				
			||||||
        @click="submitUpload"
 | 
					        @click="submitUpload"
 | 
				
			||||||
        >开始上传
 | 
					      >
 | 
				
			||||||
 | 
					        开始上传
 | 
				
			||||||
      </el-button>
 | 
					      </el-button>
 | 
				
			||||||
    </div>
 | 
					    </div>
 | 
				
			||||||
  </el-dialog>
 | 
					  </el-dialog>
 | 
				
			||||||
 | 
				
			|||||||
@ -116,7 +116,8 @@ export default {
 | 
				
			|||||||
          "storage",
 | 
					          "storage",
 | 
				
			||||||
          (e) => {
 | 
					          (e) => {
 | 
				
			||||||
            if (e.key === tokenName || e.key === null) window.location.reload();
 | 
					            if (e.key === tokenName || e.key === null) window.location.reload();
 | 
				
			||||||
          if (e.key === tokenName && e.value === null) window.location.reload();
 | 
					            if (e.key === tokenName && e.value === null)
 | 
				
			||||||
 | 
					              window.location.reload();
 | 
				
			||||||
          },
 | 
					          },
 | 
				
			||||||
          false
 | 
					          false
 | 
				
			||||||
        );
 | 
					        );
 | 
				
			||||||
 | 
				
			|||||||
@ -36,7 +36,7 @@ service.interceptors.request.use(
 | 
				
			|||||||
    }
 | 
					    }
 | 
				
			||||||
    if (process.env.NODE_ENV !== "preview") {
 | 
					    if (process.env.NODE_ENV !== "preview") {
 | 
				
			||||||
      if (contentType === "application/x-www-form-urlencoded;charset=UTF-8") {
 | 
					      if (contentType === "application/x-www-form-urlencoded;charset=UTF-8") {
 | 
				
			||||||
        if (config.data && !config.data.param) {
 | 
					        if (config.data) {
 | 
				
			||||||
          config.data = qs.stringify(config.data);
 | 
					          config.data = qs.stringify(config.data);
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
 | 
				
			|||||||
@ -44,8 +44,8 @@
 | 
				
			|||||||
            :options="fwl"
 | 
					            :options="fwl"
 | 
				
			||||||
          />
 | 
					          />
 | 
				
			||||||
          <div class="bottom">
 | 
					          <div class="bottom">
 | 
				
			||||||
            <span
 | 
					            <span>
 | 
				
			||||||
              >日均访问量:
 | 
					              日均访问量:
 | 
				
			||||||
 | 
					
 | 
				
			||||||
              <vab-count
 | 
					              <vab-count
 | 
				
			||||||
                :start-val="config1.startVal"
 | 
					                :start-val="config1.startVal"
 | 
				
			||||||
@ -71,8 +71,8 @@
 | 
				
			|||||||
            :options="sqs"
 | 
					            :options="sqs"
 | 
				
			||||||
          />
 | 
					          />
 | 
				
			||||||
          <div class="bottom">
 | 
					          <div class="bottom">
 | 
				
			||||||
            <span
 | 
					            <span>
 | 
				
			||||||
              >总授权数:
 | 
					              总授权数:
 | 
				
			||||||
              <vab-count
 | 
					              <vab-count
 | 
				
			||||||
                :start-val="config2.startVal"
 | 
					                :start-val="config2.startVal"
 | 
				
			||||||
                :end-val="config2.endVal"
 | 
					                :end-val="config2.endVal"
 | 
				
			||||||
@ -81,7 +81,8 @@
 | 
				
			|||||||
                :prefix="config2.prefix"
 | 
					                :prefix="config2.prefix"
 | 
				
			||||||
                :suffix="config2.suffix"
 | 
					                :suffix="config2.suffix"
 | 
				
			||||||
                :decimals="config2.decimals"
 | 
					                :decimals="config2.decimals"
 | 
				
			||||||
            /></span>
 | 
					              />
 | 
				
			||||||
 | 
					            </span>
 | 
				
			||||||
          </div>
 | 
					          </div>
 | 
				
			||||||
        </el-card>
 | 
					        </el-card>
 | 
				
			||||||
      </el-col>
 | 
					      </el-col>
 | 
				
			||||||
@ -98,8 +99,9 @@
 | 
				
			|||||||
            @click="handleClick"
 | 
					            @click="handleClick"
 | 
				
			||||||
          />
 | 
					          />
 | 
				
			||||||
          <div class="bottom">
 | 
					          <div class="bottom">
 | 
				
			||||||
            <span
 | 
					            <span>
 | 
				
			||||||
              >词云数量:<vab-count
 | 
					              词云数量:
 | 
				
			||||||
 | 
					              <vab-count
 | 
				
			||||||
                :start-val="config3.startVal"
 | 
					                :start-val="config3.startVal"
 | 
				
			||||||
                :end-val="config3.endVal"
 | 
					                :end-val="config3.endVal"
 | 
				
			||||||
                :duration="config3.duration"
 | 
					                :duration="config3.duration"
 | 
				
			||||||
@ -107,7 +109,8 @@
 | 
				
			|||||||
                :prefix="config3.prefix"
 | 
					                :prefix="config3.prefix"
 | 
				
			||||||
                :suffix="config3.suffix"
 | 
					                :suffix="config3.suffix"
 | 
				
			||||||
                :decimals="config3.decimals"
 | 
					                :decimals="config3.decimals"
 | 
				
			||||||
            /></span>
 | 
					              />
 | 
				
			||||||
 | 
					            </span>
 | 
				
			||||||
          </div>
 | 
					          </div>
 | 
				
			||||||
        </el-card>
 | 
					        </el-card>
 | 
				
			||||||
      </el-col>
 | 
					      </el-col>
 | 
				
			||||||
@ -273,12 +276,10 @@
 | 
				
			|||||||
              :title="item.title"
 | 
					              :title="item.title"
 | 
				
			||||||
              :type="item.type"
 | 
					              :type="item.type"
 | 
				
			||||||
              :closable="item.closable"
 | 
					              :closable="item.closable"
 | 
				
			||||||
            >
 | 
					            ></el-alert>
 | 
				
			||||||
            </el-alert>
 | 
					 | 
				
			||||||
            <br />
 | 
					            <br />
 | 
				
			||||||
          </div>
 | 
					          </div>
 | 
				
			||||||
          <el-alert :closable="false" :title="userAgent" type="info">
 | 
					          <el-alert :closable="false" :title="userAgent" type="info"></el-alert>
 | 
				
			||||||
          </el-alert>
 | 
					 | 
				
			||||||
          <br />
 | 
					          <br />
 | 
				
			||||||
        </el-card>
 | 
					        </el-card>
 | 
				
			||||||
        <el-card shadow="never">
 | 
					        <el-card shadow="never">
 | 
				
			||||||
 | 
				
			|||||||
@ -6,8 +6,7 @@
 | 
				
			|||||||
      type="success"
 | 
					      type="success"
 | 
				
			||||||
      :closable="false"
 | 
					      :closable="false"
 | 
				
			||||||
      style="position: fixed;"
 | 
					      style="position: fixed;"
 | 
				
			||||||
    >
 | 
					    ></el-alert>
 | 
				
			||||||
    </el-alert>
 | 
					 | 
				
			||||||
    <el-row>
 | 
					    <el-row>
 | 
				
			||||||
      <el-col :xs="24" :sm="24" :md="12" :lg="16" :xl="16">
 | 
					      <el-col :xs="24" :sm="24" :md="12" :lg="16" :xl="16">
 | 
				
			||||||
        <div style="color: transparent;">占位符</div>
 | 
					        <div style="color: transparent;">占位符</div>
 | 
				
			||||||
@ -65,7 +64,8 @@
 | 
				
			|||||||
            class="login-btn"
 | 
					            class="login-btn"
 | 
				
			||||||
            type="primary"
 | 
					            type="primary"
 | 
				
			||||||
            @click="handleLogin"
 | 
					            @click="handleLogin"
 | 
				
			||||||
            >登录
 | 
					          >
 | 
				
			||||||
 | 
					            登录
 | 
				
			||||||
          </el-button>
 | 
					          </el-button>
 | 
				
			||||||
          <router-link to="/register">
 | 
					          <router-link to="/register">
 | 
				
			||||||
            <div style="margin-top: 20px;">注册</div>
 | 
					            <div style="margin-top: 20px;">注册</div>
 | 
				
			||||||
 | 
				
			|||||||
@ -17,7 +17,8 @@
 | 
				
			|||||||
              type="primary"
 | 
					              type="primary"
 | 
				
			||||||
              native-type="submit"
 | 
					              native-type="submit"
 | 
				
			||||||
              @click="handleQuery"
 | 
					              @click="handleQuery"
 | 
				
			||||||
              >查询
 | 
					            >
 | 
				
			||||||
 | 
					              查询
 | 
				
			||||||
            </el-button>
 | 
					            </el-button>
 | 
				
			||||||
          </el-form-item>
 | 
					          </el-form-item>
 | 
				
			||||||
        </el-form>
 | 
					        </el-form>
 | 
				
			||||||
 | 
				
			|||||||
@ -25,9 +25,9 @@
 | 
				
			|||||||
      </el-form-item>
 | 
					      </el-form-item>
 | 
				
			||||||
    </el-form>
 | 
					    </el-form>
 | 
				
			||||||
    <div class="pay-button-group">
 | 
					    <div class="pay-button-group">
 | 
				
			||||||
      <el-button type="primary" :loading="loading" @click="handleSubmit"
 | 
					      <el-button type="primary" :loading="loading" @click="handleSubmit">
 | 
				
			||||||
        >提交</el-button
 | 
					        提交
 | 
				
			||||||
      >
 | 
					      </el-button>
 | 
				
			||||||
      <el-button @click="handlePrev">上一步</el-button>
 | 
					      <el-button @click="handlePrev">上一步</el-button>
 | 
				
			||||||
    </div>
 | 
					    </div>
 | 
				
			||||||
  </div>
 | 
					  </div>
 | 
				
			||||||
 | 
				
			|||||||
@ -11,8 +11,8 @@
 | 
				
			|||||||
          node-key="id"
 | 
					          node-key="id"
 | 
				
			||||||
          :default-expanded-keys="['root']"
 | 
					          :default-expanded-keys="['root']"
 | 
				
			||||||
          @node-click="handleNodeClick"
 | 
					          @node-click="handleNodeClick"
 | 
				
			||||||
        ></el-tree
 | 
					        ></el-tree>
 | 
				
			||||||
      ></el-col>
 | 
					      </el-col>
 | 
				
			||||||
      <el-col :xs="24" :sm="24" :md="16" :lg="20" :xl="20">
 | 
					      <el-col :xs="24" :sm="24" :md="16" :lg="20" :xl="20">
 | 
				
			||||||
        <vab-query-form>
 | 
					        <vab-query-form>
 | 
				
			||||||
          <vab-query-form-top-panel :span="12">
 | 
					          <vab-query-form-top-panel :span="12">
 | 
				
			||||||
@ -107,11 +107,11 @@
 | 
				
			|||||||
            width="200"
 | 
					            width="200"
 | 
				
			||||||
          >
 | 
					          >
 | 
				
			||||||
            <template v-slot="scope">
 | 
					            <template v-slot="scope">
 | 
				
			||||||
              <el-button type="text" @click="handleEdit(scope.row)"
 | 
					              <el-button type="text" @click="handleEdit(scope.row)">
 | 
				
			||||||
                >编辑
 | 
					                编辑
 | 
				
			||||||
              </el-button>
 | 
					              </el-button>
 | 
				
			||||||
              <el-button type="text" @click="handleDelete(scope.row)"
 | 
					              <el-button type="text" @click="handleDelete(scope.row)">
 | 
				
			||||||
                >删除
 | 
					                删除
 | 
				
			||||||
              </el-button>
 | 
					              </el-button>
 | 
				
			||||||
            </template>
 | 
					            </template>
 | 
				
			||||||
          </el-table-column>
 | 
					          </el-table-column>
 | 
				
			||||||
 | 
				
			|||||||
@ -5,11 +5,11 @@
 | 
				
			|||||||
    </el-divider>
 | 
					    </el-divider>
 | 
				
			||||||
    <vab-query-form>
 | 
					    <vab-query-form>
 | 
				
			||||||
      <vab-query-form-left-panel :span="12">
 | 
					      <vab-query-form-left-panel :span="12">
 | 
				
			||||||
        <el-button icon="el-icon-plus" type="primary" @click="handleEdit"
 | 
					        <el-button icon="el-icon-plus" type="primary" @click="handleEdit">
 | 
				
			||||||
          >添加</el-button
 | 
					          添加
 | 
				
			||||||
        >
 | 
					        </el-button>
 | 
				
			||||||
        <el-button icon="el-icon-delete" type="danger" @click="handleDelete"
 | 
					        <el-button icon="el-icon-delete" type="danger" @click="handleDelete">
 | 
				
			||||||
          >批量删除
 | 
					          批量删除
 | 
				
			||||||
        </el-button>
 | 
					        </el-button>
 | 
				
			||||||
      </vab-query-form-left-panel>
 | 
					      </vab-query-form-left-panel>
 | 
				
			||||||
      <vab-query-form-right-panel :span="12">
 | 
					      <vab-query-form-right-panel :span="12">
 | 
				
			||||||
@ -22,8 +22,8 @@
 | 
				
			|||||||
            />
 | 
					            />
 | 
				
			||||||
          </el-form-item>
 | 
					          </el-form-item>
 | 
				
			||||||
          <el-form-item>
 | 
					          <el-form-item>
 | 
				
			||||||
            <el-button icon="el-icon-search" type="primary" @click="queryData"
 | 
					            <el-button icon="el-icon-search" type="primary" @click="queryData">
 | 
				
			||||||
              >查询
 | 
					              查询
 | 
				
			||||||
            </el-button>
 | 
					            </el-button>
 | 
				
			||||||
          </el-form-item>
 | 
					          </el-form-item>
 | 
				
			||||||
        </el-form>
 | 
					        </el-form>
 | 
				
			||||||
@ -41,8 +41,8 @@
 | 
				
			|||||||
        show-overflow-tooltip
 | 
					        show-overflow-tooltip
 | 
				
			||||||
        prop="id"
 | 
					        prop="id"
 | 
				
			||||||
        label="id"
 | 
					        label="id"
 | 
				
			||||||
      ></el-table-column
 | 
					      ></el-table-column>
 | 
				
			||||||
      ><el-table-column
 | 
					      <el-table-column
 | 
				
			||||||
        show-overflow-tooltip
 | 
					        show-overflow-tooltip
 | 
				
			||||||
        prop="permission"
 | 
					        prop="permission"
 | 
				
			||||||
        label="权限码"
 | 
					        label="权限码"
 | 
				
			||||||
@ -54,11 +54,9 @@
 | 
				
			|||||||
        width="200"
 | 
					        width="200"
 | 
				
			||||||
      >
 | 
					      >
 | 
				
			||||||
        <template v-slot="scope">
 | 
					        <template v-slot="scope">
 | 
				
			||||||
          <el-button type="text" @click="handleEdit(scope.row)"
 | 
					          <el-button type="text" @click="handleEdit(scope.row)">编辑</el-button>
 | 
				
			||||||
            >编辑
 | 
					          <el-button type="text" @click="handleDelete(scope.row)">
 | 
				
			||||||
          </el-button>
 | 
					            删除
 | 
				
			||||||
          <el-button type="text" @click="handleDelete(scope.row)"
 | 
					 | 
				
			||||||
            >删除
 | 
					 | 
				
			||||||
          </el-button>
 | 
					          </el-button>
 | 
				
			||||||
        </template>
 | 
					        </template>
 | 
				
			||||||
      </el-table-column>
 | 
					      </el-table-column>
 | 
				
			||||||
@ -71,8 +69,7 @@
 | 
				
			|||||||
      :total="total"
 | 
					      :total="total"
 | 
				
			||||||
      @size-change="handleSizeChange"
 | 
					      @size-change="handleSizeChange"
 | 
				
			||||||
      @current-change="handleCurrentChange"
 | 
					      @current-change="handleCurrentChange"
 | 
				
			||||||
    >
 | 
					    ></el-pagination>
 | 
				
			||||||
    </el-pagination>
 | 
					 | 
				
			||||||
    <edit ref="edit" @fetchData="fetchData"></edit>
 | 
					    <edit ref="edit" @fetchData="fetchData"></edit>
 | 
				
			||||||
  </div>
 | 
					  </div>
 | 
				
			||||||
</template>
 | 
					</template>
 | 
				
			||||||
 | 
				
			|||||||
@ -50,7 +50,9 @@ export default {
 | 
				
			|||||||
          username: [
 | 
					          username: [
 | 
				
			||||||
            { required: true, trigger: "blur", message: "请输入用户名" },
 | 
					            { required: true, trigger: "blur", message: "请输入用户名" },
 | 
				
			||||||
          ],
 | 
					          ],
 | 
				
			||||||
        password: [{ required: true, trigger: "blur", message: "请输入密码" }],
 | 
					          password: [
 | 
				
			||||||
 | 
					            { required: true, trigger: "blur", message: "请输入密码" },
 | 
				
			||||||
 | 
					          ],
 | 
				
			||||||
          email: [{ required: true, trigger: "blur", message: "请输入邮箱" }],
 | 
					          email: [{ required: true, trigger: "blur", message: "请输入邮箱" }],
 | 
				
			||||||
          permissions: [
 | 
					          permissions: [
 | 
				
			||||||
            { required: true, trigger: "blur", message: "请选择权限" },
 | 
					            { required: true, trigger: "blur", message: "请选择权限" },
 | 
				
			||||||
 | 
				
			|||||||
@ -2,11 +2,11 @@
 | 
				
			|||||||
  <div class="userManagement-container">
 | 
					  <div class="userManagement-container">
 | 
				
			||||||
    <vab-query-form>
 | 
					    <vab-query-form>
 | 
				
			||||||
      <vab-query-form-left-panel :span="12">
 | 
					      <vab-query-form-left-panel :span="12">
 | 
				
			||||||
        <el-button icon="el-icon-plus" type="primary" @click="handleEdit"
 | 
					        <el-button icon="el-icon-plus" type="primary" @click="handleEdit">
 | 
				
			||||||
          >添加</el-button
 | 
					          添加
 | 
				
			||||||
        >
 | 
					        </el-button>
 | 
				
			||||||
        <el-button icon="el-icon-delete" type="danger" @click="handleDelete"
 | 
					        <el-button icon="el-icon-delete" type="danger" @click="handleDelete">
 | 
				
			||||||
          >批量删除
 | 
					          批量删除
 | 
				
			||||||
        </el-button>
 | 
					        </el-button>
 | 
				
			||||||
      </vab-query-form-left-panel>
 | 
					      </vab-query-form-left-panel>
 | 
				
			||||||
      <vab-query-form-right-panel :span="12">
 | 
					      <vab-query-form-right-panel :span="12">
 | 
				
			||||||
@ -19,8 +19,8 @@
 | 
				
			|||||||
            />
 | 
					            />
 | 
				
			||||||
          </el-form-item>
 | 
					          </el-form-item>
 | 
				
			||||||
          <el-form-item>
 | 
					          <el-form-item>
 | 
				
			||||||
            <el-button icon="el-icon-search" type="primary" @click="queryData"
 | 
					            <el-button icon="el-icon-search" type="primary" @click="queryData">
 | 
				
			||||||
              >查询
 | 
					              查询
 | 
				
			||||||
            </el-button>
 | 
					            </el-button>
 | 
				
			||||||
          </el-form-item>
 | 
					          </el-form-item>
 | 
				
			||||||
        </el-form>
 | 
					        </el-form>
 | 
				
			||||||
@ -52,9 +52,9 @@
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
      <el-table-column show-overflow-tooltip label="权限">
 | 
					      <el-table-column show-overflow-tooltip label="权限">
 | 
				
			||||||
        <template v-slot="{ row }">
 | 
					        <template v-slot="{ row }">
 | 
				
			||||||
          <el-tag v-for="(item, index) in row.permissions" :key="index">{{
 | 
					          <el-tag v-for="(item, index) in row.permissions" :key="index">
 | 
				
			||||||
            item
 | 
					            {{ item }}
 | 
				
			||||||
          }}</el-tag>
 | 
					          </el-tag>
 | 
				
			||||||
        </template>
 | 
					        </template>
 | 
				
			||||||
      </el-table-column>
 | 
					      </el-table-column>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@ -70,11 +70,9 @@
 | 
				
			|||||||
        width="200"
 | 
					        width="200"
 | 
				
			||||||
      >
 | 
					      >
 | 
				
			||||||
        <template v-slot="scope">
 | 
					        <template v-slot="scope">
 | 
				
			||||||
          <el-button type="text" @click="handleEdit(scope.row)"
 | 
					          <el-button type="text" @click="handleEdit(scope.row)">编辑</el-button>
 | 
				
			||||||
            >编辑
 | 
					          <el-button type="text" @click="handleDelete(scope.row)">
 | 
				
			||||||
          </el-button>
 | 
					            删除
 | 
				
			||||||
          <el-button type="text" @click="handleDelete(scope.row)"
 | 
					 | 
				
			||||||
            >删除
 | 
					 | 
				
			||||||
          </el-button>
 | 
					          </el-button>
 | 
				
			||||||
        </template>
 | 
					        </template>
 | 
				
			||||||
      </el-table-column>
 | 
					      </el-table-column>
 | 
				
			||||||
@ -87,8 +85,7 @@
 | 
				
			|||||||
      :total="total"
 | 
					      :total="total"
 | 
				
			||||||
      @size-change="handleSizeChange"
 | 
					      @size-change="handleSizeChange"
 | 
				
			||||||
      @current-change="handleCurrentChange"
 | 
					      @current-change="handleCurrentChange"
 | 
				
			||||||
    >
 | 
					    ></el-pagination>
 | 
				
			||||||
    </el-pagination>
 | 
					 | 
				
			||||||
    <edit ref="edit" @fetchData="fetchData"></edit>
 | 
					    <edit ref="edit" @fetchData="fetchData"></edit>
 | 
				
			||||||
  </div>
 | 
					  </div>
 | 
				
			||||||
</template>
 | 
					</template>
 | 
				
			||||||
 | 
				
			|||||||
@ -6,8 +6,7 @@
 | 
				
			|||||||
      type="success"
 | 
					      type="success"
 | 
				
			||||||
      :closable="false"
 | 
					      :closable="false"
 | 
				
			||||||
      style="position: fixed;"
 | 
					      style="position: fixed;"
 | 
				
			||||||
    >
 | 
					    ></el-alert>
 | 
				
			||||||
    </el-alert>
 | 
					 | 
				
			||||||
    <el-row>
 | 
					    <el-row>
 | 
				
			||||||
      <el-col :xs="24" :sm="24" :md="12" :lg="16" :xl="16">
 | 
					      <el-col :xs="24" :sm="24" :md="12" :lg="16" :xl="16">
 | 
				
			||||||
        <div style="color: transparent;">占位符</div>
 | 
					        <div style="color: transparent;">占位符</div>
 | 
				
			||||||
@ -49,11 +48,12 @@
 | 
				
			|||||||
              v-model.trim="form.phoneCode"
 | 
					              v-model.trim="form.phoneCode"
 | 
				
			||||||
              type="text"
 | 
					              type="text"
 | 
				
			||||||
              placeholder="手机验证码"
 | 
					              placeholder="手机验证码"
 | 
				
			||||||
              ><vab-icon
 | 
					            >
 | 
				
			||||||
 | 
					              <vab-icon
 | 
				
			||||||
                slot="prefix"
 | 
					                slot="prefix"
 | 
				
			||||||
                :icon="['fas', 'envelope-open']"
 | 
					                :icon="['fas', 'envelope-open']"
 | 
				
			||||||
              ></vab-icon
 | 
					              ></vab-icon>
 | 
				
			||||||
            ></el-input>
 | 
					            </el-input>
 | 
				
			||||||
            <el-button
 | 
					            <el-button
 | 
				
			||||||
              type="primary"
 | 
					              type="primary"
 | 
				
			||||||
              class="show-pwd phone-code"
 | 
					              class="show-pwd phone-code"
 | 
				
			||||||
@ -69,15 +69,17 @@
 | 
				
			|||||||
              type="password"
 | 
					              type="password"
 | 
				
			||||||
              placeholder="设置密码"
 | 
					              placeholder="设置密码"
 | 
				
			||||||
              autocomplete="new-password"
 | 
					              autocomplete="new-password"
 | 
				
			||||||
              ><vab-icon slot="prefix" :icon="['fas', 'unlock']"></vab-icon
 | 
					            >
 | 
				
			||||||
            ></el-input>
 | 
					              <vab-icon slot="prefix" :icon="['fas', 'unlock']"></vab-icon>
 | 
				
			||||||
 | 
					            </el-input>
 | 
				
			||||||
          </el-form-item>
 | 
					          </el-form-item>
 | 
				
			||||||
          <el-form-item>
 | 
					          <el-form-item>
 | 
				
			||||||
            <el-button
 | 
					            <el-button
 | 
				
			||||||
              class="register-btn"
 | 
					              class="register-btn"
 | 
				
			||||||
              type="primary"
 | 
					              type="primary"
 | 
				
			||||||
              @click.native.prevent="handleReister"
 | 
					              @click.native.prevent="handleReister"
 | 
				
			||||||
              >注册
 | 
					            >
 | 
				
			||||||
 | 
					              注册
 | 
				
			||||||
            </el-button>
 | 
					            </el-button>
 | 
				
			||||||
            <router-link to="/login">
 | 
					            <router-link to="/login">
 | 
				
			||||||
              <div style="margin-top: 20px;">登录</div>
 | 
					              <div style="margin-top: 20px;">登录</div>
 | 
				
			||||||
 | 
				
			|||||||
@ -19,8 +19,7 @@
 | 
				
			|||||||
      background
 | 
					      background
 | 
				
			||||||
      layout="total, sizes, prev, pager, next, jumper"
 | 
					      layout="total, sizes, prev, pager, next, jumper"
 | 
				
			||||||
      :total="1000"
 | 
					      :total="1000"
 | 
				
			||||||
    >
 | 
					    ></el-pagination>
 | 
				
			||||||
    </el-pagination>
 | 
					 | 
				
			||||||
  </div>
 | 
					  </div>
 | 
				
			||||||
</template>
 | 
					</template>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
				
			|||||||
@ -17,11 +17,14 @@
 | 
				
			|||||||
            effect="dark"
 | 
					            effect="dark"
 | 
				
			||||||
            placement="top-start"
 | 
					            placement="top-start"
 | 
				
			||||||
          >
 | 
					          >
 | 
				
			||||||
            <el-button v-if="header.opt === ''" @click="opt(header, 'template')"
 | 
					            <el-button
 | 
				
			||||||
              >{{ header.opt ? "点击关闭自定义" : "点击开启自定义" }}
 | 
					              v-if="header.opt === ''"
 | 
				
			||||||
 | 
					              @click="opt(header, 'template')"
 | 
				
			||||||
 | 
					            >
 | 
				
			||||||
 | 
					              {{ header.opt ? "点击关闭自定义" : "点击开启自定义" }}
 | 
				
			||||||
            </el-button>
 | 
					            </el-button>
 | 
				
			||||||
            <el-button v-else @click="opt(header, '')"
 | 
					            <el-button v-else @click="opt(header, '')">
 | 
				
			||||||
              >{{ header.opt ? "点击关闭自定义" : "点击开启自定义" }}
 | 
					              {{ header.opt ? "点击关闭自定义" : "点击开启自定义" }}
 | 
				
			||||||
            </el-button>
 | 
					            </el-button>
 | 
				
			||||||
          </el-tooltip>
 | 
					          </el-tooltip>
 | 
				
			||||||
          <el-tooltip
 | 
					          <el-tooltip
 | 
				
			||||||
@ -30,8 +33,8 @@
 | 
				
			|||||||
            effect="dark"
 | 
					            effect="dark"
 | 
				
			||||||
            placement="top-start"
 | 
					            placement="top-start"
 | 
				
			||||||
          >
 | 
					          >
 | 
				
			||||||
            <el-button @click="hide(header)"
 | 
					            <el-button @click="hide(header)">
 | 
				
			||||||
              >{{ header.show ? "点击隐藏字段" : "点击显示字段" }}
 | 
					              {{ header.show ? "点击隐藏字段" : "点击显示字段" }}
 | 
				
			||||||
            </el-button>
 | 
					            </el-button>
 | 
				
			||||||
          </el-tooltip>
 | 
					          </el-tooltip>
 | 
				
			||||||
          <div slot="reference" class="table-header-card">
 | 
					          <div slot="reference" class="table-header-card">
 | 
				
			||||||
 | 
				
			|||||||
@ -2,8 +2,8 @@
 | 
				
			|||||||
  <div class="table-query">
 | 
					  <div class="table-query">
 | 
				
			||||||
    <div>
 | 
					    <div>
 | 
				
			||||||
      <el-button type="primary" @click="openCodeDialog">查看代码</el-button>
 | 
					      <el-button type="primary" @click="openCodeDialog">查看代码</el-button>
 | 
				
			||||||
      <el-button type="primary" @click="handleClipboard(srcTableCode, $event)"
 | 
					      <el-button type="primary" @click="handleClipboard(srcTableCode, $event)">
 | 
				
			||||||
        >复制代码
 | 
					        复制代码
 | 
				
			||||||
      </el-button>
 | 
					      </el-button>
 | 
				
			||||||
    </div>
 | 
					    </div>
 | 
				
			||||||
    <el-dialog destroy-on-close title="查看代码" :visible.sync="dialogVisible">
 | 
					    <el-dialog destroy-on-close title="查看代码" :visible.sync="dialogVisible">
 | 
				
			||||||
@ -11,9 +11,12 @@
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
      <span slot="footer" class="dialog-footer">
 | 
					      <span slot="footer" class="dialog-footer">
 | 
				
			||||||
        <el-button @click="dialogVisible = false">取 消</el-button>
 | 
					        <el-button @click="dialogVisible = false">取 消</el-button>
 | 
				
			||||||
        <el-button type="primary" @click="closeCodeDialog(srcTableCode, $event)"
 | 
					        <el-button
 | 
				
			||||||
          >复制代码</el-button
 | 
					          type="primary"
 | 
				
			||||||
 | 
					          @click="closeCodeDialog(srcTableCode, $event)"
 | 
				
			||||||
        >
 | 
					        >
 | 
				
			||||||
 | 
					          复制代码
 | 
				
			||||||
 | 
					        </el-button>
 | 
				
			||||||
      </span>
 | 
					      </span>
 | 
				
			||||||
    </el-dialog>
 | 
					    </el-dialog>
 | 
				
			||||||
  </div>
 | 
					  </div>
 | 
				
			||||||
 | 
				
			|||||||
@ -2,8 +2,8 @@
 | 
				
			|||||||
  <div class="element-container">
 | 
					  <div class="element-container">
 | 
				
			||||||
    <el-row :gutter="20">
 | 
					    <el-row :gutter="20">
 | 
				
			||||||
      <el-col :xs="24" :sm="24" :md="18" :lg="18" :xl="16">
 | 
					      <el-col :xs="24" :sm="24" :md="18" :lg="18" :xl="16">
 | 
				
			||||||
        <el-button type="primary" @click="dialogVisible = !dialogVisible"
 | 
					        <el-button type="primary" @click="dialogVisible = !dialogVisible">
 | 
				
			||||||
          >element全部文档点这里
 | 
					          element全部文档点这里
 | 
				
			||||||
        </el-button>
 | 
					        </el-button>
 | 
				
			||||||
        <el-dialog
 | 
					        <el-dialog
 | 
				
			||||||
          :fullscreen="true"
 | 
					          :fullscreen="true"
 | 
				
			||||||
@ -16,8 +16,8 @@
 | 
				
			|||||||
            frameborder="0"
 | 
					            frameborder="0"
 | 
				
			||||||
          ></iframe>
 | 
					          ></iframe>
 | 
				
			||||||
        </el-dialog>
 | 
					        </el-dialog>
 | 
				
			||||||
        <el-divider content-position="left"
 | 
					        <el-divider content-position="left">
 | 
				
			||||||
          >Tag 标签
 | 
					          Tag 标签
 | 
				
			||||||
          <a
 | 
					          <a
 | 
				
			||||||
            target="_blank"
 | 
					            target="_blank"
 | 
				
			||||||
            href="https://element.eleme.cn/#/zh-CN/component/tag"
 | 
					            href="https://element.eleme.cn/#/zh-CN/component/tag"
 | 
				
			||||||
@ -36,8 +36,8 @@
 | 
				
			|||||||
        <el-tag effect="dark" type="warning">标签四</el-tag>
 | 
					        <el-tag effect="dark" type="warning">标签四</el-tag>
 | 
				
			||||||
        <el-tag effect="dark" type="danger">标签五</el-tag>
 | 
					        <el-tag effect="dark" type="danger">标签五</el-tag>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        <el-divider content-position="left"
 | 
					        <el-divider content-position="left">
 | 
				
			||||||
          >进度条
 | 
					          进度条
 | 
				
			||||||
          <a
 | 
					          <a
 | 
				
			||||||
            target="_blank"
 | 
					            target="_blank"
 | 
				
			||||||
            href="https://element.eleme.cn/#/zh-CN/component/progress"
 | 
					            href="https://element.eleme.cn/#/zh-CN/component/progress"
 | 
				
			||||||
@ -90,8 +90,8 @@
 | 
				
			|||||||
          status="exception"
 | 
					          status="exception"
 | 
				
			||||||
        ></el-progress>
 | 
					        ></el-progress>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        <el-divider content-position="left"
 | 
					        <el-divider content-position="left">
 | 
				
			||||||
          >按钮
 | 
					          按钮
 | 
				
			||||||
          <a
 | 
					          <a
 | 
				
			||||||
            target="_blank"
 | 
					            target="_blank"
 | 
				
			||||||
            href="https://element.eleme.cn/#/zh-CN/component/button"
 | 
					            href="https://element.eleme.cn/#/zh-CN/component/button"
 | 
				
			||||||
@ -133,13 +133,14 @@
 | 
				
			|||||||
        <el-button type="primary" icon="el-icon-share"></el-button>
 | 
					        <el-button type="primary" icon="el-icon-share"></el-button>
 | 
				
			||||||
        <el-button type="primary" icon="el-icon-delete"></el-button>
 | 
					        <el-button type="primary" icon="el-icon-delete"></el-button>
 | 
				
			||||||
        <el-button type="primary" icon="el-icon-search">搜索</el-button>
 | 
					        <el-button type="primary" icon="el-icon-search">搜索</el-button>
 | 
				
			||||||
        <el-button type="primary"
 | 
					        <el-button type="primary">
 | 
				
			||||||
          >上传<i class="el-icon-upload el-icon--right"></i
 | 
					          上传
 | 
				
			||||||
        ></el-button>
 | 
					          <i class="el-icon-upload el-icon--right"></i>
 | 
				
			||||||
 | 
					        </el-button>
 | 
				
			||||||
        <el-button type="primary" :loading="true">加载中</el-button>
 | 
					        <el-button type="primary" :loading="true">加载中</el-button>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        <el-divider content-position="left"
 | 
					        <el-divider content-position="left">
 | 
				
			||||||
          >文字链接
 | 
					          文字链接
 | 
				
			||||||
          <a
 | 
					          <a
 | 
				
			||||||
            target="_blank"
 | 
					            target="_blank"
 | 
				
			||||||
            href="https://element.eleme.cn/#/zh-CN/component/link"
 | 
					            href="https://element.eleme.cn/#/zh-CN/component/link"
 | 
				
			||||||
@ -147,8 +148,8 @@
 | 
				
			|||||||
            文档
 | 
					            文档
 | 
				
			||||||
          </a>
 | 
					          </a>
 | 
				
			||||||
        </el-divider>
 | 
					        </el-divider>
 | 
				
			||||||
        <el-link href="https://element.eleme.io" target="_blank"
 | 
					        <el-link href="https://element.eleme.io" target="_blank">
 | 
				
			||||||
          >默认链接
 | 
					          默认链接
 | 
				
			||||||
        </el-link>
 | 
					        </el-link>
 | 
				
			||||||
        <el-link type="primary">主要链接</el-link>
 | 
					        <el-link type="primary">主要链接</el-link>
 | 
				
			||||||
        <el-link type="success">成功链接</el-link>
 | 
					        <el-link type="success">成功链接</el-link>
 | 
				
			||||||
@ -163,8 +164,8 @@
 | 
				
			|||||||
        <el-link type="info" disabled>信息链接</el-link>
 | 
					        <el-link type="info" disabled>信息链接</el-link>
 | 
				
			||||||
        <el-link :underline="false">无下划线</el-link>
 | 
					        <el-link :underline="false">无下划线</el-link>
 | 
				
			||||||
        <el-link>有下划线</el-link>
 | 
					        <el-link>有下划线</el-link>
 | 
				
			||||||
        <el-divider content-position="left"
 | 
					        <el-divider content-position="left">
 | 
				
			||||||
          >头像
 | 
					          头像
 | 
				
			||||||
          <a
 | 
					          <a
 | 
				
			||||||
            target="_blank"
 | 
					            target="_blank"
 | 
				
			||||||
            href="https://element.eleme.cn/#/zh-CN/component/avatar"
 | 
					            href="https://element.eleme.cn/#/zh-CN/component/avatar"
 | 
				
			||||||
@ -173,8 +174,8 @@
 | 
				
			|||||||
          </a>
 | 
					          </a>
 | 
				
			||||||
        </el-divider>
 | 
					        </el-divider>
 | 
				
			||||||
        <el-avatar icon="el-icon-user-solid"></el-avatar>
 | 
					        <el-avatar icon="el-icon-user-solid"></el-avatar>
 | 
				
			||||||
        <el-divider content-position="left"
 | 
					        <el-divider content-position="left">
 | 
				
			||||||
          >页头
 | 
					          页头
 | 
				
			||||||
          <a
 | 
					          <a
 | 
				
			||||||
            target="_blank"
 | 
					            target="_blank"
 | 
				
			||||||
            href="https://element.eleme.cn/#/zh-CN/component/page-header"
 | 
					            href="https://element.eleme.cn/#/zh-CN/component/page-header"
 | 
				
			||||||
@ -183,8 +184,8 @@
 | 
				
			|||||||
          </a>
 | 
					          </a>
 | 
				
			||||||
        </el-divider>
 | 
					        </el-divider>
 | 
				
			||||||
        <el-page-header content="详情页面"></el-page-header>
 | 
					        <el-page-header content="详情页面"></el-page-header>
 | 
				
			||||||
        <el-divider content-position="left"
 | 
					        <el-divider content-position="left">
 | 
				
			||||||
          >面包屑
 | 
					          面包屑
 | 
				
			||||||
          <a
 | 
					          <a
 | 
				
			||||||
            target="_blank"
 | 
					            target="_blank"
 | 
				
			||||||
            href="https://element.eleme.cn/#/zh-CN/component/breadcrumb"
 | 
					            href="https://element.eleme.cn/#/zh-CN/component/breadcrumb"
 | 
				
			||||||
 | 
				
			|||||||
@ -1,10 +1,10 @@
 | 
				
			|||||||
<template>
 | 
					<template>
 | 
				
			||||||
  <div class="errorLog-container">
 | 
					  <div class="errorLog-container">
 | 
				
			||||||
    <el-divider content-position="left"
 | 
					    <el-divider content-position="left">
 | 
				
			||||||
      >这里会在顶部navbar上模拟一个控制台错误日志
 | 
					      这里会在顶部navbar上模拟一个控制台错误日志
 | 
				
			||||||
    </el-divider>
 | 
					    </el-divider>
 | 
				
			||||||
    <el-button type="primary" @click="handleError"
 | 
					    <el-button type="primary" @click="handleError">
 | 
				
			||||||
      >点击模拟一个chuzhixinjiayou的错误
 | 
					      点击模拟一个chuzhixinjiayou的错误
 | 
				
			||||||
    </el-button>
 | 
					    </el-button>
 | 
				
			||||||
    <error-test v-if="show" />
 | 
					    <error-test v-if="show" />
 | 
				
			||||||
  </div>
 | 
					  </div>
 | 
				
			||||||
 | 
				
			|||||||
@ -39,8 +39,8 @@
 | 
				
			|||||||
            <el-input v-model="ruleForm.desc" type="textarea"></el-input>
 | 
					            <el-input v-model="ruleForm.desc" type="textarea"></el-input>
 | 
				
			||||||
          </el-form-item>
 | 
					          </el-form-item>
 | 
				
			||||||
          <el-form-item>
 | 
					          <el-form-item>
 | 
				
			||||||
            <el-button type="primary" @click="submitForm('ruleForm')"
 | 
					            <el-button type="primary" @click="submitForm('ruleForm')">
 | 
				
			||||||
              >立即创建
 | 
					              立即创建
 | 
				
			||||||
            </el-button>
 | 
					            </el-button>
 | 
				
			||||||
            <el-button @click="resetForm('ruleForm')">重置</el-button>
 | 
					            <el-button @click="resetForm('ruleForm')">重置</el-button>
 | 
				
			||||||
          </el-form-item>
 | 
					          </el-form-item>
 | 
				
			||||||
@ -66,7 +66,12 @@ export default {
 | 
				
			|||||||
        rules: {
 | 
					        rules: {
 | 
				
			||||||
          name: [
 | 
					          name: [
 | 
				
			||||||
            { required: true, message: "请输入活动名称", trigger: "blur" },
 | 
					            { required: true, message: "请输入活动名称", trigger: "blur" },
 | 
				
			||||||
          { min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur" },
 | 
					            {
 | 
				
			||||||
 | 
					              min: 3,
 | 
				
			||||||
 | 
					              max: 5,
 | 
				
			||||||
 | 
					              message: "长度在 3 到 5 个字符",
 | 
				
			||||||
 | 
					              trigger: "blur",
 | 
				
			||||||
 | 
					            },
 | 
				
			||||||
          ],
 | 
					          ],
 | 
				
			||||||
          region: [
 | 
					          region: [
 | 
				
			||||||
            { required: true, message: "请选择活动区域", trigger: "change" },
 | 
					            { required: true, message: "请选择活动区域", trigger: "change" },
 | 
				
			||||||
@ -82,7 +87,9 @@ export default {
 | 
				
			|||||||
          resource: [
 | 
					          resource: [
 | 
				
			||||||
            { required: true, message: "请选择活动资源", trigger: "change" },
 | 
					            { required: true, message: "请选择活动资源", trigger: "change" },
 | 
				
			||||||
          ],
 | 
					          ],
 | 
				
			||||||
        desc: [{ required: true, message: "请填写活动形式", trigger: "blur" }],
 | 
					          desc: [
 | 
				
			||||||
 | 
					            { required: true, message: "请填写活动形式", trigger: "blur" },
 | 
				
			||||||
 | 
					          ],
 | 
				
			||||||
        },
 | 
					        },
 | 
				
			||||||
      };
 | 
					      };
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
 | 
				
			|||||||
@ -2,8 +2,8 @@
 | 
				
			|||||||
  <div class="colorful-icon-container">
 | 
					  <div class="colorful-icon-container">
 | 
				
			||||||
    <el-row :gutter="20">
 | 
					    <el-row :gutter="20">
 | 
				
			||||||
      <el-col :span="24">
 | 
					      <el-col :span="24">
 | 
				
			||||||
        <el-divider content-position="left"
 | 
					        <el-divider content-position="left">
 | 
				
			||||||
          >多彩图标在演示环境中使用的是cdn加速服务,开发时需存储到本地,使用方法可查看群文档,点击图标即可复制源码
 | 
					          多彩图标在演示环境中使用的是cdn加速服务,开发时需存储到本地,使用方法可查看群文档,点击图标即可复制源码
 | 
				
			||||||
        </el-divider>
 | 
					        </el-divider>
 | 
				
			||||||
      </el-col>
 | 
					      </el-col>
 | 
				
			||||||
      <el-col :span="24">
 | 
					      <el-col :span="24">
 | 
				
			||||||
@ -12,8 +12,8 @@
 | 
				
			|||||||
            <el-input v-model="queryForm.title"></el-input>
 | 
					            <el-input v-model="queryForm.title"></el-input>
 | 
				
			||||||
          </el-form-item>
 | 
					          </el-form-item>
 | 
				
			||||||
          <el-form-item label-width="0">
 | 
					          <el-form-item label-width="0">
 | 
				
			||||||
            <el-button native-type="submit" type="primary" @click="queryData"
 | 
					            <el-button native-type="submit" type="primary" @click="queryData">
 | 
				
			||||||
              >搜索
 | 
					              搜索
 | 
				
			||||||
            </el-button>
 | 
					            </el-button>
 | 
				
			||||||
          </el-form-item>
 | 
					          </el-form-item>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
				
			|||||||
@ -10,8 +10,8 @@
 | 
				
			|||||||
            <el-input v-model="queryForm.title"></el-input>
 | 
					            <el-input v-model="queryForm.title"></el-input>
 | 
				
			||||||
          </el-form-item>
 | 
					          </el-form-item>
 | 
				
			||||||
          <el-form-item label-width="0">
 | 
					          <el-form-item label-width="0">
 | 
				
			||||||
            <el-button native-type="submit" type="primary" @click="queryData"
 | 
					            <el-button native-type="submit" type="primary" @click="queryData">
 | 
				
			||||||
              >搜索
 | 
					              搜索
 | 
				
			||||||
            </el-button>
 | 
					            </el-button>
 | 
				
			||||||
          </el-form-item>
 | 
					          </el-form-item>
 | 
				
			||||||
        </el-form>
 | 
					        </el-form>
 | 
				
			||||||
 | 
				
			|||||||
@ -2,8 +2,8 @@
 | 
				
			|||||||
  <div class="colorful-icon-container">
 | 
					  <div class="colorful-icon-container">
 | 
				
			||||||
    <el-row :gutter="20">
 | 
					    <el-row :gutter="20">
 | 
				
			||||||
      <el-col :span="24">
 | 
					      <el-col :span="24">
 | 
				
			||||||
        <el-divider content-position="left"
 | 
					        <el-divider content-position="left">
 | 
				
			||||||
          >小清新图标在演示环境中使用的是cdn加速服务,开发时需存储到本地,使用方法可查看群文档,点击图标即可复制源码,点击图标即可复制源码
 | 
					          小清新图标在演示环境中使用的是cdn加速服务,开发时需存储到本地,使用方法可查看群文档,点击图标即可复制源码,点击图标即可复制源码
 | 
				
			||||||
        </el-divider>
 | 
					        </el-divider>
 | 
				
			||||||
      </el-col>
 | 
					      </el-col>
 | 
				
			||||||
      <el-col :span="24">
 | 
					      <el-col :span="24">
 | 
				
			||||||
@ -12,8 +12,8 @@
 | 
				
			|||||||
            <el-input v-model="queryForm.title"></el-input>
 | 
					            <el-input v-model="queryForm.title"></el-input>
 | 
				
			||||||
          </el-form-item>
 | 
					          </el-form-item>
 | 
				
			||||||
          <el-form-item label-width="0">
 | 
					          <el-form-item label-width="0">
 | 
				
			||||||
            <el-button native-type="submit" type="primary" @click="queryData"
 | 
					            <el-button native-type="submit" type="primary" @click="queryData">
 | 
				
			||||||
              >搜索
 | 
					              搜索
 | 
				
			||||||
            </el-button>
 | 
					            </el-button>
 | 
				
			||||||
          </el-form-item>
 | 
					          </el-form-item>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
				
			|||||||
@ -11,22 +11,24 @@
 | 
				
			|||||||
    <el-button type="primary" @click="handleLoading(7)">效果7</el-button>
 | 
					    <el-button type="primary" @click="handleLoading(7)">效果7</el-button>
 | 
				
			||||||
    <el-button type="primary" @click="handleLoading(8)">效果8</el-button>
 | 
					    <el-button type="primary" @click="handleLoading(8)">效果8</el-button>
 | 
				
			||||||
    <el-button type="primary" @click="handleLoading(9)">效果9</el-button>
 | 
					    <el-button type="primary" @click="handleLoading(9)">效果9</el-button>
 | 
				
			||||||
    <el-button type="primary" @click="test()"
 | 
					    <el-button type="primary" @click="test()">
 | 
				
			||||||
      >全局默认骨架屏(仿支付宝)
 | 
					      全局默认骨架屏(仿支付宝)
 | 
				
			||||||
    </el-button>
 | 
					    </el-button>
 | 
				
			||||||
    <br /><br /><br />
 | 
					    <br />
 | 
				
			||||||
 | 
					    <br />
 | 
				
			||||||
 | 
					    <br />
 | 
				
			||||||
    <el-divider content-position="left">多彩loading</el-divider>
 | 
					    <el-divider content-position="left">多彩loading</el-divider>
 | 
				
			||||||
    <el-button type="primary" @click="handleColorfullLoading(1)"
 | 
					    <el-button type="primary" @click="handleColorfullLoading(1)">
 | 
				
			||||||
      >效果1
 | 
					      效果1
 | 
				
			||||||
    </el-button>
 | 
					    </el-button>
 | 
				
			||||||
    <el-button type="primary" @click="handleColorfullLoading(2)"
 | 
					    <el-button type="primary" @click="handleColorfullLoading(2)">
 | 
				
			||||||
      >效果2
 | 
					      效果2
 | 
				
			||||||
    </el-button>
 | 
					    </el-button>
 | 
				
			||||||
    <el-button type="primary" @click="handleColorfullLoading(3)"
 | 
					    <el-button type="primary" @click="handleColorfullLoading(3)">
 | 
				
			||||||
      >效果3
 | 
					      效果3
 | 
				
			||||||
    </el-button>
 | 
					    </el-button>
 | 
				
			||||||
    <el-button type="primary" @click="handleColorfullLoading(4)"
 | 
					    <el-button type="primary" @click="handleColorfullLoading(4)">
 | 
				
			||||||
      >效果4
 | 
					      效果4
 | 
				
			||||||
    </el-button>
 | 
					    </el-button>
 | 
				
			||||||
  </div>
 | 
					  </div>
 | 
				
			||||||
</template>
 | 
					</template>
 | 
				
			||||||
 | 
				
			|||||||
@ -7,7 +7,8 @@
 | 
				
			|||||||
            type="primary"
 | 
					            type="primary"
 | 
				
			||||||
            href="https://www.lodashjs.com/"
 | 
					            href="https://www.lodashjs.com/"
 | 
				
			||||||
            target="_blank"
 | 
					            target="_blank"
 | 
				
			||||||
            >lodashjs官网
 | 
					          >
 | 
				
			||||||
 | 
					            lodashjs官网
 | 
				
			||||||
          </el-link>
 | 
					          </el-link>
 | 
				
			||||||
        </el-card>
 | 
					        </el-card>
 | 
				
			||||||
      </el-col>
 | 
					      </el-col>
 | 
				
			||||||
 | 
				
			|||||||
@ -6,8 +6,7 @@
 | 
				
			|||||||
        :key="index"
 | 
					        :key="index"
 | 
				
			||||||
        :label="item.label"
 | 
					        :label="item.label"
 | 
				
			||||||
        :value="item.value"
 | 
					        :value="item.value"
 | 
				
			||||||
      >
 | 
					      ></el-option>
 | 
				
			||||||
      </el-option>
 | 
					 | 
				
			||||||
    </el-select>
 | 
					    </el-select>
 | 
				
			||||||
    <div v-html="prettierList"></div>
 | 
					    <div v-html="prettierList"></div>
 | 
				
			||||||
  </div>
 | 
					  </div>
 | 
				
			||||||
 | 
				
			|||||||
@ -8,8 +8,8 @@
 | 
				
			|||||||
        <el-card>
 | 
					        <el-card>
 | 
				
			||||||
          <div slot="header">
 | 
					          <div slot="header">
 | 
				
			||||||
            开源版本
 | 
					            开源版本
 | 
				
			||||||
            <el-button style="float: right; padding: 3px 0;" type="text"
 | 
					            <el-button style="float: right; padding: 3px 0;" type="text">
 | 
				
			||||||
              >永久免费 个人/商业使用
 | 
					              永久免费 个人/商业使用
 | 
				
			||||||
            </el-button>
 | 
					            </el-button>
 | 
				
			||||||
          </div>
 | 
					          </div>
 | 
				
			||||||
          <div>
 | 
					          <div>
 | 
				
			||||||
@ -21,8 +21,9 @@
 | 
				
			|||||||
                <a
 | 
					                <a
 | 
				
			||||||
                  target="_blank"
 | 
					                  target="_blank"
 | 
				
			||||||
                  href="https://github.com/chuzhixin/vue-admin-beautiful"
 | 
					                  href="https://github.com/chuzhixin/vue-admin-beautiful"
 | 
				
			||||||
                  >支持白嫖,也请给个star</a
 | 
					 | 
				
			||||||
                >
 | 
					                >
 | 
				
			||||||
 | 
					                  支持白嫖,也请给个star
 | 
				
			||||||
 | 
					                </a>
 | 
				
			||||||
              </li>
 | 
					              </li>
 | 
				
			||||||
              <li>
 | 
					              <li>
 | 
				
			||||||
                提供讨论群专属文档,QQ群 972435319
 | 
					                提供讨论群专属文档,QQ群 972435319
 | 
				
			||||||
@ -36,9 +37,9 @@
 | 
				
			|||||||
        <el-card>
 | 
					        <el-card>
 | 
				
			||||||
          <div slot="header">
 | 
					          <div slot="header">
 | 
				
			||||||
            VIP群
 | 
					            VIP群
 | 
				
			||||||
            <el-button style="float: right; padding: 3px 0;" type="text"
 | 
					            <el-button style="float: right; padding: 3px 0;" type="text">
 | 
				
			||||||
              >¥100</el-button
 | 
					              ¥100
 | 
				
			||||||
            >
 | 
					            </el-button>
 | 
				
			||||||
          </div>
 | 
					          </div>
 | 
				
			||||||
          <div>
 | 
					          <div>
 | 
				
			||||||
            <ul>
 | 
					            <ul>
 | 
				
			||||||
@ -56,9 +57,9 @@
 | 
				
			|||||||
        <el-card>
 | 
					        <el-card>
 | 
				
			||||||
          <div slot="header">
 | 
					          <div slot="header">
 | 
				
			||||||
            商业用途 完全自定义版权
 | 
					            商业用途 完全自定义版权
 | 
				
			||||||
            <el-button style="float: right; padding: 3px 0;" type="text"
 | 
					            <el-button style="float: right; padding: 3px 0;" type="text">
 | 
				
			||||||
              >¥299</el-button
 | 
					              ¥299
 | 
				
			||||||
            >
 | 
					            </el-button>
 | 
				
			||||||
          </div>
 | 
					          </div>
 | 
				
			||||||
          <div>
 | 
					          <div>
 | 
				
			||||||
            <ul>
 | 
					            <ul>
 | 
				
			||||||
 | 
				
			|||||||
@ -1,8 +1,8 @@
 | 
				
			|||||||
<template>
 | 
					<template>
 | 
				
			||||||
  <div class="menu1-1-container">
 | 
					  <div class="menu1-1-container">
 | 
				
			||||||
    <el-alert :closable="false" title="嵌套路由 1-1" type="success">
 | 
					    <el-alert :closable="false" title="嵌套路由 1-1" type="success">
 | 
				
			||||||
      <router-view
 | 
					      <router-view />
 | 
				
			||||||
    /></el-alert>
 | 
					    </el-alert>
 | 
				
			||||||
  </div>
 | 
					  </div>
 | 
				
			||||||
</template>
 | 
					</template>
 | 
				
			||||||
<style lang="scss" scoped>
 | 
					<style lang="scss" scoped>
 | 
				
			||||||
 | 
				
			|||||||
@ -14,8 +14,8 @@
 | 
				
			|||||||
      </el-form-item>
 | 
					      </el-form-item>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
      <el-form-item>
 | 
					      <el-form-item>
 | 
				
			||||||
        <el-button type="primary" @click="handleChangePermission"
 | 
					        <el-button type="primary" @click="handleChangePermission">
 | 
				
			||||||
          >切换权限
 | 
					          切换权限
 | 
				
			||||||
        </el-button>
 | 
					        </el-button>
 | 
				
			||||||
      </el-form-item>
 | 
					      </el-form-item>
 | 
				
			||||||
      <el-form-item label="当前账号拥有的权限">
 | 
					      <el-form-item label="当前账号拥有的权限">
 | 
				
			||||||
@ -152,7 +152,10 @@ export default {
 | 
				
			|||||||
    },
 | 
					    },
 | 
				
			||||||
    methods: {
 | 
					    methods: {
 | 
				
			||||||
      handleChangePermission() {
 | 
					      handleChangePermission() {
 | 
				
			||||||
      localStorage.setItem(tokenTableName, `${this.form.account}-accessToken`);
 | 
					        localStorage.setItem(
 | 
				
			||||||
 | 
					          tokenTableName,
 | 
				
			||||||
 | 
					          `${this.form.account}-accessToken`
 | 
				
			||||||
 | 
					        );
 | 
				
			||||||
        location.reload();
 | 
					        location.reload();
 | 
				
			||||||
      },
 | 
					      },
 | 
				
			||||||
      async fetchData() {
 | 
					      async fetchData() {
 | 
				
			||||||
 | 
				
			|||||||
@ -1,7 +1,7 @@
 | 
				
			|||||||
<template>
 | 
					<template>
 | 
				
			||||||
  <div class="player-container">
 | 
					  <div class="player-container">
 | 
				
			||||||
    <el-divider content-position="left"
 | 
					    <el-divider content-position="left">
 | 
				
			||||||
      >视频地址采用cdn加速服务,开发时需部署到到本地,使用方法可查看群文档
 | 
					      视频地址采用cdn加速服务,开发时需部署到到本地,使用方法可查看群文档
 | 
				
			||||||
    </el-divider>
 | 
					    </el-divider>
 | 
				
			||||||
    <el-row :gutter="20">
 | 
					    <el-row :gutter="20">
 | 
				
			||||||
      <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
 | 
					      <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
 | 
				
			||||||
 | 
				
			|||||||
@ -20,7 +20,8 @@
 | 
				
			|||||||
              style="float: right; padding: 3px 0;"
 | 
					              style="float: right; padding: 3px 0;"
 | 
				
			||||||
              type="text"
 | 
					              type="text"
 | 
				
			||||||
              @click="handleProfile"
 | 
					              @click="handleProfile"
 | 
				
			||||||
              >重载
 | 
					            >
 | 
				
			||||||
 | 
					              重载
 | 
				
			||||||
            </el-button>
 | 
					            </el-button>
 | 
				
			||||||
          </div>
 | 
					          </div>
 | 
				
			||||||
          <vab-profile
 | 
					          <vab-profile
 | 
				
			||||||
 | 
				
			|||||||
@ -2,11 +2,11 @@
 | 
				
			|||||||
  <div class="table-container">
 | 
					  <div class="table-container">
 | 
				
			||||||
    <vab-query-form>
 | 
					    <vab-query-form>
 | 
				
			||||||
      <vab-query-form-left-panel>
 | 
					      <vab-query-form-left-panel>
 | 
				
			||||||
        <el-button icon="el-icon-plus" type="primary" @click="handleAdd"
 | 
					        <el-button icon="el-icon-plus" type="primary" @click="handleAdd">
 | 
				
			||||||
          >添加
 | 
					          添加
 | 
				
			||||||
        </el-button>
 | 
					        </el-button>
 | 
				
			||||||
        <el-button icon="el-icon-delete" type="danger" @click="handleDelete"
 | 
					        <el-button icon="el-icon-delete" type="danger" @click="handleDelete">
 | 
				
			||||||
          >删除
 | 
					          删除
 | 
				
			||||||
        </el-button>
 | 
					        </el-button>
 | 
				
			||||||
        <el-button type="primary" @click="testMessage">baseMessage</el-button>
 | 
					        <el-button type="primary" @click="testMessage">baseMessage</el-button>
 | 
				
			||||||
        <el-button type="primary" @click="testALert">baseAlert</el-button>
 | 
					        <el-button type="primary" @click="testALert">baseAlert</el-button>
 | 
				
			||||||
@ -29,7 +29,8 @@
 | 
				
			|||||||
              type="primary"
 | 
					              type="primary"
 | 
				
			||||||
              native-type="submit"
 | 
					              native-type="submit"
 | 
				
			||||||
              @click="handleQuery"
 | 
					              @click="handleQuery"
 | 
				
			||||||
              >查询
 | 
					            >
 | 
				
			||||||
 | 
					              查询
 | 
				
			||||||
            </el-button>
 | 
					            </el-button>
 | 
				
			||||||
          </el-form-item>
 | 
					          </el-form-item>
 | 
				
			||||||
        </el-form>
 | 
					        </el-form>
 | 
				
			||||||
@ -87,8 +88,8 @@
 | 
				
			|||||||
            effect="dark"
 | 
					            effect="dark"
 | 
				
			||||||
            placement="top-start"
 | 
					            placement="top-start"
 | 
				
			||||||
          >
 | 
					          >
 | 
				
			||||||
            <el-tag :type="scope.row.status | statusFilter"
 | 
					            <el-tag :type="scope.row.status | statusFilter">
 | 
				
			||||||
              >{{ scope.row.status }}
 | 
					              {{ scope.row.status }}
 | 
				
			||||||
            </el-tag>
 | 
					            </el-tag>
 | 
				
			||||||
          </el-tooltip>
 | 
					          </el-tooltip>
 | 
				
			||||||
        </template>
 | 
					        </template>
 | 
				
			||||||
@ -106,11 +107,9 @@
 | 
				
			|||||||
        fixed="right"
 | 
					        fixed="right"
 | 
				
			||||||
      >
 | 
					      >
 | 
				
			||||||
        <template slot-scope="scope">
 | 
					        <template slot-scope="scope">
 | 
				
			||||||
          <el-button type="text" @click="handleEdit(scope.row)"
 | 
					          <el-button type="text" @click="handleEdit(scope.row)">编辑</el-button>
 | 
				
			||||||
            >编辑
 | 
					          <el-button type="text" @click="handleDelete(scope.row)">
 | 
				
			||||||
          </el-button>
 | 
					            删除
 | 
				
			||||||
          <el-button type="text" @click="handleDelete(scope.row)"
 | 
					 | 
				
			||||||
            >删除
 | 
					 | 
				
			||||||
          </el-button>
 | 
					          </el-button>
 | 
				
			||||||
        </template>
 | 
					        </template>
 | 
				
			||||||
      </el-table-column>
 | 
					      </el-table-column>
 | 
				
			||||||
 | 
				
			|||||||
@ -32,21 +32,24 @@
 | 
				
			|||||||
                class="vab-tree-btn"
 | 
					                class="vab-tree-btn"
 | 
				
			||||||
                title="添加"
 | 
					                title="添加"
 | 
				
			||||||
                @click="() => append(node, data, 0)"
 | 
					                @click="() => append(node, data, 0)"
 | 
				
			||||||
                ><i class="el-icon-plus"></i
 | 
					              >
 | 
				
			||||||
              ></a>
 | 
					                <i class="el-icon-plus"></i>
 | 
				
			||||||
 | 
					              </a>
 | 
				
			||||||
              <a
 | 
					              <a
 | 
				
			||||||
                class="vab-tree-btn"
 | 
					                class="vab-tree-btn"
 | 
				
			||||||
                title="编辑"
 | 
					                title="编辑"
 | 
				
			||||||
                @click="() => edit(node, data, 1)"
 | 
					                @click="() => edit(node, data, 1)"
 | 
				
			||||||
                ><i class="el-icon-edit"></i
 | 
					              >
 | 
				
			||||||
              ></a>
 | 
					                <i class="el-icon-edit"></i>
 | 
				
			||||||
 | 
					              </a>
 | 
				
			||||||
              <a
 | 
					              <a
 | 
				
			||||||
                v-if="node.data.rank !== 1"
 | 
					                v-if="node.data.rank !== 1"
 | 
				
			||||||
                class="vab-tree-btn"
 | 
					                class="vab-tree-btn"
 | 
				
			||||||
                title="刪除"
 | 
					                title="刪除"
 | 
				
			||||||
                @click="() => remove(node, data)"
 | 
					                @click="() => remove(node, data)"
 | 
				
			||||||
                ><i class="el-icon-delete"></i
 | 
					              >
 | 
				
			||||||
              ></a>
 | 
					                <i class="el-icon-delete"></i>
 | 
				
			||||||
 | 
					              </a>
 | 
				
			||||||
            </span>
 | 
					            </span>
 | 
				
			||||||
          </span>
 | 
					          </span>
 | 
				
			||||||
        </el-tree>
 | 
					        </el-tree>
 | 
				
			||||||
@ -85,9 +88,9 @@
 | 
				
			|||||||
                >
 | 
					                >
 | 
				
			||||||
                  <i class="el-icon-plus"></i>
 | 
					                  <i class="el-icon-plus"></i>
 | 
				
			||||||
                </a>
 | 
					                </a>
 | 
				
			||||||
                <a class="vab-tree-btn" title="编辑"
 | 
					                <a class="vab-tree-btn" title="编辑">
 | 
				
			||||||
                  ><i class="el-icon-edit"></i
 | 
					                  <i class="el-icon-edit"></i>
 | 
				
			||||||
                ></a>
 | 
					                </a>
 | 
				
			||||||
                <a
 | 
					                <a
 | 
				
			||||||
                  v-if="node.data.rank !== 1"
 | 
					                  v-if="node.data.rank !== 1"
 | 
				
			||||||
                  class="vab-tree-btn"
 | 
					                  class="vab-tree-btn"
 | 
				
			||||||
@ -119,12 +122,16 @@
 | 
				
			|||||||
              </span>
 | 
					              </span>
 | 
				
			||||||
              <span class="vab-tree-options">
 | 
					              <span class="vab-tree-options">
 | 
				
			||||||
                <!-- <a v-if="node.data.rank !== 4" class="vab-tree-btn" title="添加""><i class="el-icon-plus"></i></a> -->
 | 
					                <!-- <a v-if="node.data.rank !== 4" class="vab-tree-btn" title="添加""><i class="el-icon-plus"></i></a> -->
 | 
				
			||||||
                <a class="vab-tree-btn" title="编辑"
 | 
					                <a class="vab-tree-btn" title="编辑">
 | 
				
			||||||
                  ><i class="el-icon-edit"></i
 | 
					                  <i class="el-icon-edit"></i>
 | 
				
			||||||
                ></a>
 | 
					                </a>
 | 
				
			||||||
                <a v-if="node.data.rank !== 1" class="vab-tree-btn" title="刪除"
 | 
					                <a
 | 
				
			||||||
                  ><i class="el-icon-delete"></i
 | 
					                  v-if="node.data.rank !== 1"
 | 
				
			||||||
                ></a>
 | 
					                  class="vab-tree-btn"
 | 
				
			||||||
 | 
					                  title="刪除"
 | 
				
			||||||
 | 
					                >
 | 
				
			||||||
 | 
					                  <i class="el-icon-delete"></i>
 | 
				
			||||||
 | 
					                </a>
 | 
				
			||||||
              </span>
 | 
					              </span>
 | 
				
			||||||
            </span>
 | 
					            </span>
 | 
				
			||||||
          </el-tree>
 | 
					          </el-tree>
 | 
				
			||||||
 | 
				
			|||||||
@ -8,8 +8,8 @@
 | 
				
			|||||||
      :limit="50"
 | 
					      :limit="50"
 | 
				
			||||||
      :size="2"
 | 
					      :size="2"
 | 
				
			||||||
    ></vab-upload>
 | 
					    ></vab-upload>
 | 
				
			||||||
    <el-button type="primary" @click="handleShow({ key: 'value' })"
 | 
					    <el-button type="primary" @click="handleShow({ key: 'value' })">
 | 
				
			||||||
      >模拟上传
 | 
					      模拟上传
 | 
				
			||||||
    </el-button>
 | 
					    </el-button>
 | 
				
			||||||
  </div>
 | 
					  </div>
 | 
				
			||||||
</template>
 | 
					</template>
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user