{"remainingRequest":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\artfess-ui\\src\\views\\main\\Qunit\\dialog.vue?vue&type=style&index=0&id=7bb07e0c&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\artfess-ui\\src\\views\\main\\Qunit\\dialog.vue","mtime":1675233415863},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKDQovZGVlcC8gLmVsLWRpYWxvZ19faGVhZGVyIHsNCiAgcGFkZGluZzogMTZweCAyMHB4IDEwcHg7DQogIGJhY2tncm91bmQtY29sb3I6ICNmNGY2ZmM7DQogIGhlaWdodDogNTBweDsNCiAgYm94LXNpemluZzogYm9yZGVyLWJveDsNCn0NCi9kZWVwLyAuZWwtZGlhbG9nX190aXRsZSB7DQogIGZvbnQtZmFtaWx5OiBNaWNyb3NvZnQgWWFIZWk7DQogIGZvbnQtc2l6ZTogMTVweDsNCiAgZm9udC13ZWlnaHQ6IGJvbGQ7DQogIGZvbnQtc3RyZXRjaDogbm9ybWFsOw0KICBsaW5lLWhlaWdodDogMjBweDsNCiAgbGV0dGVyLXNwYWNpbmc6IDBweDsNCiAgY29sb3I6ICMyNDI2MmI7DQp9DQovZGVlcC8gLmVsLWZvcm0taXRlbV9fbGFiZWwgew0KICBmb250LWZhbWlseTogTWljcm9zb2Z0IFlhSGVpOw0KICBmb250LXNpemU6IDE0cHg7DQogIGZvbnQtd2VpZ2h0OiBub3JtYWw7DQogIGZvbnQtc3RyZXRjaDogbm9ybWFsOw0KICBsaW5lLWhlaWdodDogMTlweDsNCiAgbGV0dGVyLXNwYWNpbmc6IDBweDsNCiAgY29sb3I6ICM1NDU0NTQ7DQp9DQovZGVlcC8gLmVsLWZvcm0taXRlbSB7DQogIG1hcmdpbi1ib3R0b206IDE3cHg7DQp9DQovZGVlcC8gLmVsLWRpYWxvZ19fZm9vdGVyIHsNCiAgcGFkZGluZy10b3A6IDA7DQp9DQoNCi9kZWVwLyAuZWwtaW5wdXQgew0KICBpbnB1dCB7DQogICAgZm9udC1zaXplOiAxNnB4Ow0KICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7DQogICAgZm9udC1zdHJldGNoOiBub3JtYWw7DQogICAgbGluZS1oZWlnaHQ6IDE5cHg7DQogICAgbGV0dGVyLXNwYWNpbmc6IDBweDsNCiAgfQ0KICBpbnB1dDo6LXdlYmtpdC1pbnB1dC1wbGFjZWhvbGRlciB7DQogICAgLy8g6ZKI5a+5IOiwt+atjCDlhoXmoLgNCiAgICBmb250LWZhbWlseTogTWljcm9zb2Z0IFlhSGVpOw0KICAgIGZvbnQtc2l6ZTogMTZweDsNCiAgICBmb250LXdlaWdodDogbm9ybWFsOw0KICAgIGZvbnQtc3RyZXRjaDogbm9ybWFsOw0KICAgIGxpbmUtaGVpZ2h0OiAxOXB4Ow0KICAgIGxldHRlci1zcGFjaW5nOiAwcHg7DQogICAgY29sb3I6ICNjNGM0YzQ7DQogIH0NCiAgaW5wdXQ6LW1vei1wbGFjZWhvbGRlciB7DQogICAgLy8g54Gr54uQDQogICAgZm9udC1mYW1pbHk6IE1pY3Jvc29mdCBZYUhlaTsNCiAgICBmb250LXNpemU6IDE2cHg7DQogICAgZm9udC13ZWlnaHQ6IG5vcm1hbDsNCiAgICBmb250LXN0cmV0Y2g6IG5vcm1hbDsNCiAgICBsaW5lLWhlaWdodDogMTlweDsNCiAgICBsZXR0ZXItc3BhY2luZzogMHB4Ow0KICAgIGNvbG9yOiAjYzRjNGM0Ow0KICB9DQogIGlucHV0Oi1tcy1pbnB1dC1wbGFjZWhvbGRlciB7DQogICAgLy8g5b6u6L2vaWUNCiAgICBmb250LWZhbWlseTogTWljcm9zb2Z0IFlhSGVpOw0KICAgIGZvbnQtc2l6ZTogMTZweDsNCiAgICBmb250LXdlaWdodDogbm9ybWFsOw0KICAgIGZvbnQtc3RyZXRjaDogbm9ybWFsOw0KICAgIGxpbmUtaGVpZ2h0OiAxOXB4Ow0KICAgIGxldHRlci1zcGFjaW5nOiAwcHg7DQogICAgY29sb3I6ICNjNGM0YzQ7DQogIH0NCn0NCi5jb250ZW50IHsNCiAgYm9yZGVyOiBzb2xpZCAxcHggI2VlZWVlZTsNCiAgZGlzcGxheTogZmxleDsNCiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsNCiAgLmNvbnRlbnQtaGVhZCB7DQogICAgZmxleDogMTsNCiAgICBkaXNwbGF5OiBmbGV4Ow0KICAgIGJvcmRlci1ib3R0b206IHNvbGlkIDFweCAjZTFlMmU2Ow0KICB9DQogIC5jb250ZW50LWJvdHRvbSB7DQogICAgZmxleDogMTsNCiAgICBkaXNwbGF5OiBmbGV4Ow0KICB9DQoNCiAgLmNvbnRlbnQtaXRlbS1sZWZ0IHsNCiAgICB3aWR0aDogNDdweDsNCiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZWJlY2YwOw0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsNCiAgICAudGl0bGUgew0KICAgICAgZm9udC1mYW1pbHk6IE1pY3Jvc29mdCBZYUhlaTsNCiAgICAgIGZvbnQtc2l6ZTogMTRweDsNCiAgICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7DQogICAgICBmb250LXN0cmV0Y2g6IG5vcm1hbDsNCiAgICAgIGxpbmUtaGVpZ2h0OiAyNHB4Ow0KICAgICAgbGV0dGVyLXNwYWNpbmc6IDBweDsNCiAgICAgIGNvbG9yOiAjNTQ1NDU0Ow0KICAgICAgd3JpdGluZy1tb2RlOiB2ZXJ0aWNhbC1ybDsgLy8gY3Nz5bGe5oCn5paH5a2X56uW5ZCR5o6S5YiXDQogICAgfQ0KICB9DQoNCiAgLmNvbnRlbnQtaXRlbS1yaWdodCB7DQogICAgZmxleDogMTsNCiAgICBwYWRkaW5nOiAyNHB4IDI0cHggMCAyNHB4Ow0KICB9DQp9DQouZm9vdGVyLWJ0biB7DQogIGJhY2tncm91bmQtY29sb3I6ICMwMTQ3ZWI7DQp9DQouaXRlbS1idG4gew0KICB3aWR0aDogOTZweDsNCiAgaGVpZ2h0OiA0MHB4Ow0KICBmb250LWZhbWlseTogTWljcm9zb2Z0IFlhSGVpOw0KICBmb250LXNpemU6IDE2cHg7DQp9DQo="},{"version":3,"sources":["dialog.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"dialog.vue","sourceRoot":"src/views/main/Qunit","sourcesContent":["<template>\r\n  <el-dialog\r\n    title=\"新增单位\"\r\n    :visible.sync=\"dialogVisible\"\r\n    width=\"52%\"\r\n    :before-close=\"handleClose\"\r\n  >\r\n    <el-form\r\n      ref=\"form\"\r\n      :model=\"form\"\r\n      :rules=\"rules\"\r\n      label-width=\"80px\"\r\n      label-position=\"top\"\r\n    >\r\n      <div class=\"content\">\r\n        <div class=\"content-head\">\r\n          <div class=\"content-item-left\">\r\n            <span class=\"title\">基本信息</span>\r\n          </div>\r\n          <div class=\"content-item-right\">\r\n            <el-row :gutter=\"20\">\r\n              <el-col :span=\"8\">\r\n                <el-form-item label=\"单位名称\" prop=\"name\">\r\n                  <el-input v-model=\"form.name\" placeholder=\"请输入单位名称\"></el-input>\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"8\">\r\n                <el-form-item label=\"法定代表人\" prop=\"person\">\r\n                  <el-input\r\n                    v-model=\"form.person\"\r\n                    placeholder=\"请输入法定代表人\"\r\n                  ></el-input>\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"8\">\r\n                <el-form-item label=\"单位性质\" prop=\"type\">\r\n                  <el-input v-model=\"form.type\" placeholder=\"请输入单位性质\"></el-input>\r\n                </el-form-item>\r\n              </el-col>\r\n            </el-row>\r\n            <el-row :gutter=\"20\">\r\n              <el-col :span=\"8\">\r\n                <el-form-item label=\"统一社会信用代码\" prop=\"code\">\r\n                  <el-input\r\n                    v-model=\"form.code\"\r\n                    placeholder=\"请输入统一社会信用代码\"\r\n                  ></el-input>\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"8\">\r\n                <el-form-item label=\"成立时间\" prop=\"time\">\r\n                  <el-input v-model=\"form.time\" placeholder=\"请输入成立时间\"></el-input>\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"8\">\r\n                <el-form-item label=\"是否上市\">\r\n                  <el-switch\r\n                    v-model=\"form.delivery\"\r\n                    active-color=\"#13b440\"\r\n                    inactive-color=\"#545454\"\r\n                    inactive-text=\"否\"\r\n                    active-text=\"是\"\r\n                  ></el-switch>\r\n                </el-form-item>\r\n              </el-col>\r\n            </el-row>\r\n            <el-row>\r\n              <el-form-item label=\"注册地址\" prop=\"address\">\r\n                <el-input v-model=\"form.address\" placeholder=\"注册地址\"></el-input>\r\n              </el-form-item>\r\n            </el-row>\r\n          </div>\r\n        </div>\r\n        <div class=\"content-bottom\">\r\n          <div class=\"content-item-left\">\r\n            <span class=\"title\">联系方式</span>\r\n          </div>\r\n          <div class=\"content-item-right\">\r\n            <el-row :gutter=\"20\">\r\n              <el-col :span=\"8\">\r\n                <el-form-item label=\"联系人\" prop=\"contact\">\r\n                  <el-input v-model=\"form.contact\" placeholder=\"请输入联系人\"></el-input>\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"8\">\r\n                <el-form-item label=\"座机号码\" prop=\"num\">\r\n                  <el-input v-model=\"form.num\" placeholder=\"请输入座机号码\"></el-input>\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"8\">\r\n                <el-form-item label=\"手机号码\" prop=\"number\">\r\n                  <el-input v-model=\"form.number\" placeholder=\"请输入手机号码\"></el-input>\r\n                </el-form-item>\r\n              </el-col>\r\n            </el-row>\r\n            <el-row :gutter=\"20\">\r\n              <el-col :span=\"8\">\r\n                <el-form-item label=\"传真\">\r\n                  <el-input v-model=\"form.num1\" placeholder=\"请输入传真\"></el-input>\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"8\">\r\n                <el-form-item label=\"邮箱\">\r\n                  <el-input v-model=\"form.email\" placeholder=\"请输入邮箱\"></el-input>\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"8\">\r\n                <el-form-item label=\"邮编\">\r\n                  <el-input v-model=\"form.num2\" placeholder=\"请输入邮编\"></el-input>\r\n                </el-form-item>\r\n              </el-col>\r\n            </el-row>\r\n            <el-row>\r\n              <el-form-item label=\"办公地址\" prop=\"address1\">\r\n                <el-input v-model=\"form.address1\" placeholder=\"办公地址\"></el-input>\r\n              </el-form-item>\r\n            </el-row>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </el-form>\r\n    <span slot=\"footer\" class=\"dialog-footer\">\r\n      <el-button\r\n        type=\"primary\"\r\n        @click=\"dialogVisible = false\"\r\n        class=\"footer-btn item-btn\"\r\n      >\r\n        确 定\r\n      </el-button>\r\n      <el-button @click=\"dialogVisible = false\" class=\"item-btn\">取 消</el-button>\r\n    </span>\r\n  </el-dialog>\r\n</template>\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      dialogVisible: false,\r\n      form: {\r\n        name: '曜硕科技(上海)有限公司',\r\n        person: '吴洁立',\r\n        type: '私营企业',\r\n        code: '230181991081407',\r\n        time: '2022-09-06',\r\n        address: '大红门服饰商贸城',\r\n        number: '18335263645',\r\n        contact: '孙子涵',\r\n        delivery: true,\r\n      },\r\n      rules: {\r\n        name: {\r\n          required: true,\r\n        },\r\n        person: {\r\n          required: true,\r\n        },\r\n        type: {\r\n          required: true,\r\n        },\r\n        code: {\r\n          required: true,\r\n        },\r\n        time: {\r\n          required: true,\r\n        },\r\n        address: {\r\n          required: true,\r\n        },\r\n        contact: {\r\n          required: true,\r\n        },\r\n        num: {\r\n          required: true,\r\n        },\r\n        number: {\r\n          required: true,\r\n        },\r\n      },\r\n    }\r\n  },\r\n  methods: {\r\n    open() {\r\n      this.dialogVisible = true\r\n    },\r\n    edit(row) {\r\n      this.form = row || {}\r\n      this.dialogVisible = true\r\n    },\r\n    handleClose(done) {\r\n      this.$confirm('确认关闭？')\r\n        .then((_) => {\r\n          done()\r\n        })\r\n        .catch((_) => {})\r\n    },\r\n  },\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n/deep/ .el-dialog__header {\r\n  padding: 16px 20px 10px;\r\n  background-color: #f4f6fc;\r\n  height: 50px;\r\n  box-sizing: border-box;\r\n}\r\n/deep/ .el-dialog__title {\r\n  font-family: Microsoft YaHei;\r\n  font-size: 15px;\r\n  font-weight: bold;\r\n  font-stretch: normal;\r\n  line-height: 20px;\r\n  letter-spacing: 0px;\r\n  color: #24262b;\r\n}\r\n/deep/ .el-form-item__label {\r\n  font-family: Microsoft YaHei;\r\n  font-size: 14px;\r\n  font-weight: normal;\r\n  font-stretch: normal;\r\n  line-height: 19px;\r\n  letter-spacing: 0px;\r\n  color: #545454;\r\n}\r\n/deep/ .el-form-item {\r\n  margin-bottom: 17px;\r\n}\r\n/deep/ .el-dialog__footer {\r\n  padding-top: 0;\r\n}\r\n\r\n/deep/ .el-input {\r\n  input {\r\n    font-size: 16px;\r\n    font-weight: normal;\r\n    font-stretch: normal;\r\n    line-height: 19px;\r\n    letter-spacing: 0px;\r\n  }\r\n  input::-webkit-input-placeholder {\r\n    // 针对 谷歌 内核\r\n    font-family: Microsoft YaHei;\r\n    font-size: 16px;\r\n    font-weight: normal;\r\n    font-stretch: normal;\r\n    line-height: 19px;\r\n    letter-spacing: 0px;\r\n    color: #c4c4c4;\r\n  }\r\n  input:-moz-placeholder {\r\n    // 火狐\r\n    font-family: Microsoft YaHei;\r\n    font-size: 16px;\r\n    font-weight: normal;\r\n    font-stretch: normal;\r\n    line-height: 19px;\r\n    letter-spacing: 0px;\r\n    color: #c4c4c4;\r\n  }\r\n  input:-ms-input-placeholder {\r\n    // 微软ie\r\n    font-family: Microsoft YaHei;\r\n    font-size: 16px;\r\n    font-weight: normal;\r\n    font-stretch: normal;\r\n    line-height: 19px;\r\n    letter-spacing: 0px;\r\n    color: #c4c4c4;\r\n  }\r\n}\r\n.content {\r\n  border: solid 1px #eeeeee;\r\n  display: flex;\r\n  flex-direction: column;\r\n  .content-head {\r\n    flex: 1;\r\n    display: flex;\r\n    border-bottom: solid 1px #e1e2e6;\r\n  }\r\n  .content-bottom {\r\n    flex: 1;\r\n    display: flex;\r\n  }\r\n\r\n  .content-item-left {\r\n    width: 47px;\r\n    background-color: #ebecf0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    .title {\r\n      font-family: Microsoft YaHei;\r\n      font-size: 14px;\r\n      font-weight: normal;\r\n      font-stretch: normal;\r\n      line-height: 24px;\r\n      letter-spacing: 0px;\r\n      color: #545454;\r\n      writing-mode: vertical-rl; // css属性文字竖向排列\r\n    }\r\n  }\r\n\r\n  .content-item-right {\r\n    flex: 1;\r\n    padding: 24px 24px 0 24px;\r\n  }\r\n}\r\n.footer-btn {\r\n  background-color: #0147eb;\r\n}\r\n.item-btn {\r\n  width: 96px;\r\n  height: 40px;\r\n  font-family: Microsoft YaHei;\r\n  font-size: 16px;\r\n}\r\n</style>\r\n"]}]}